.swiper-horizontal {

    &.swiper-rtl .swiper-button-next,
    &.swiper-rtl~.swiper-button-next,
    &~.swiper-button-prev,
    & .swiper-button-prev {
        .swiper-navigation-icon {
            transform: rotate(180deg);
            display: none;
        }
    }
}

.swiper-button-next,
.swiper-button-prev {
    svg {
        height: 100%;
        object-fit: contain;
        transform-origin: center;
        width: 100%;
        fill: currentColor;
        pointer-events: none;
        display: none;
    }
}