.o-latest-post-a {
    background-color: var(--color-grey-lighter);
    padding-top: 1rem;
    padding-bottom: 2rem;

    @media (width > 768px) {
        padding-top: 5.5rem;
        padding-bottom: 5.5rem;
    }

    & .a-button {
        margin-top: .2em;
        padding: 1em 1.85em;

        @media (width >=768px) {
            padding: 0.8em 1.5em;
        }
    }

    & .m-card-post-b {
        padding-bottom: 1.5rem;
        min-width: 288px;
    }

    & .m-card-post-b__media {
        /* height: 10.4rem; */
    }

    & .m-card-post-b__content {
        padding-top: 1.4rem;
        padding-right: 4%;
        padding-left: 7%;

    }

    & .m-card-post-b__button {
        padding-left: 7%;
    }

    & .m-card-post-b__heading {
        margin-bottom: .7rem;
    }

    & .swiper-slide {
        height: unset;
    }

    & .m-card-post-b__text p + ul{
        margin-top: -0.75em;
    }
    & .m-card-post-b__text p:last-child {
        margin-bottom: 1.35em;
    }
}

.o-latest-post-a__heading {
    max-width: 70%;
    font-size: var(--title-md);
    margin-bottom: 2rem;
    text-wrap: wrap;

    @media (width >=768px) {
        font-size: var(--title-lg);
    }
}

.o-latest-post-a__repeater:not(.swiper-initialized) .o-latest-post-a__repeater-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.625rem;
}

.o-latest-post-a__repeater:not(.swiper-initialized) .o-latest-post-a__navigation {
    display: none;
}

.o-latest-post-a__inner {
    /* --px: 0.9375rem; */
    --px: 1.5rem;
    container-type: inline-size;
    width: 100%;
    max-width: calc(68.875rem + var(--px) * 2);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--px);

    @media (width >=768px) {
        padding-right: var(--px);
    }
}

.o-latest-post-a__repeater {
    margin-top: 1.5625rem;

    @media (width >=768px) {
        margin-top: 1.25rem;
    }
}

.o-latest-post-a__navigation .swiper-next,
.o-latest-post-a__navigation .swiper-prev {
    position: absolute;
    top: 5.625rem;
    width: 2.9375rem;
    height: 2.9375rem;
    background: #000;
    border-radius: 50%;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.o-latest-post-a__navigation .swiper-next.swiper-button-disabled,
.o-latest-post-a__navigation .swiper-prev.swiper-button-disabled {
    display: none;

}

.o-latest-post-a__navigation .swiper-next {
    right: 0.875rem;
}

.o-latest-post-a__navigation .swiper-prev {
    left: 0.875rem;
}