.arrow-button {
    padding: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: none;
    background-color: rgba(145, 147, 137, 0.3);
}

.arrow-button svg {
    width: auto;
    height: auto;
    fill: transparent;
}

.arrow-button path {
    stroke: var(--greyColor);
}

.arrow-button_prev {
    rotate: -180deg;
}

.arrow-button_prev svg {
    margin-right: -2px;
}

.arrow-button_next svg {
    margin-left: 2px;
}

.arrow-button.swiper-button-disabled {
    opacity: 0.3;
}

.arrow-button.swiper-button-disabled path {
    stroke: #ffffff;
}

@media(max-width: 767px) {
    .arrow-slider-wrapper {
        position: relative;
    }

    .arrow-slider-wrapper__btns {
        position: absolute;
        top: 6px;
        right: 0;
        display: flex;
        align-items: center;
        gap: 11px;
        width: 72px;
    }

    .arrow-button {
        display: flex;
    }

    .arrow-slider-wrapper .arrow-button {
        position: static;
        margin: 0;
    }

    .arrow-slider-wrapper .arrow-button::after {
        display: none;
    }
}

@media(max-width: 575px) {
    .arrow-button {
        width: 20px;
        height: 20px;
    }

    .arrow-slider-wrapper__btns {
        top: 6px;
        right: 0;
        gap: 11px;
        width: 52px;
    }
}