.esma-slider {
    padding: var(--bs-gutter-x, 0.75rem);
    padding-bottom: 20px;
}

    .esma-slider .esma-slider__link {
        display: block;
        height: 0;
        padding-bottom: calc(306 / 204 * 100%);
        position: relative;
    }

    .esma-slider .esma-slider__img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }

    .esma-slider .swiper-button-prev,
    .esma-slider .swiper-button-next {
        background: rgba(109, 113, 114, .7);
        width: 40px;
        height: 40px;
        margin-top: 0;
        transition: var(--fk-transition);
        top: 50%;
        transform: translateY(-50%);
    }

    .esma-slider.type-02 .swiper-button-prev,
    .esma-slider.type-02 .swiper-button-next {
        margin-top: -5px;
    }

    .esma-slider .swiper-button-prev {
        left: 0;
        border-radius: 0 20px 20px 0;
    }

    .esma-slider .swiper-button-next {
        right: 0;
        border-radius: 20px 0 0 20px;
    }

        .esma-slider .swiper-button-prev:hover,
        .esma-slider .swiper-button-next:hover {
            background: rgb(109 113 114 / 100%);
        }

        .esma-slider .swiper-button-prev svg,
        .esma-slider .swiper-button-next svg {
            opacity: 0.6;
        }

@media (min-width:768px) {
    .esma-slider {
        padding-left: 0;
        padding-bottom: 30px;
    }

        .esma-slider .swiper-button-prev,
        .esma-slider .swiper-button-next {
            width: 56px;
            height: 56px;
            margin-top: -48px;
        }

        .esma-slider.type-02 .swiper-button-prev,
        .esma-slider.type-02 .swiper-button-next {
            margin-top: -12px;
        }
}

@media (min-width:1200px) {
    .esma-slider .swiper-button-prev,
    .esma-slider .swiper-button-next {
        margin-top: -10px;
    }
}