.swiper-button-prev,
    .swiper-button-next {
        color: #000;
        /* arrow color */
        background: rgba(255, 255, 255, 0.8);
        width: 40px;
        height: 40px;
        border-radius: 50%;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    }

    .swiper-button-prev::after,
    .swiper-button-next::after {
        font-size: 18px;
        /* arrow size */
        font-weight: bold;
    }

    .swiper-button-prev:hover,
    .swiper-button-next:hover {
        background: rgba(255, 255, 255, 1);
    }