.swiper-prev,
.swiper-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: calc(infinity * 1px);
    overflow: hidden;
    background-color: #7d21ad;
}
.swiper-prev:hover,
.swiper-next:hover {
    cursor: pointer;
}

.swiper-prev.swiper-button-disabled,
.swiper-next.swiper-button-disabled {
    opacity: 0.5;
}

.swiper-prev svg {
    -webkit-transform: translate(-55%, -50%) rotate(180deg);
    transform: translate(-55%, -50%) rotate(180deg);
    width: 7px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.swiper-next svg {
    -webkit-transform: translate(-45%, -50%);
    transform: translate(-45%, -50%);
    width: 7px;
    position: absolute;
    left: 50%;
    top: 50%;
}

.swiper-slide {
    height: auto !important;
}