.swiper-controls{
    user-select: none;
    -webkit-user-select: none;
}
.swiper-controls .swiper-button{
    border-radius:6px;
    /* border:1px solid rgb(var(--color-entry-line)); */
    box-shadow: inset 0 0 0 0.4px rgb(var(--color-entry-line));
    background-color: rgb(var(--color-button-background));
    color: rgb(var(--color-button-text));
    width:var(--size);
    height:var(--size);
    --swiper-navigation-sides-offset:var(--offset);
    border-radius: 50px;
}
.swiper-controls .swiper-button:hover{
    background-color: rgb(var(--color-button-secondary-background));
    color: rgb(var(--color-button-secondary-text));
    /* border: 1px solid rgb(var(--color-button-secondary-border)); */
    box-shadow: inset 0 0 0 0.4px rgb(var(--color-button-secondary-border));
}
.swiper-controls .swiper-button:after{
    content:none;
}

.swiper-button-next.swiper-button-disabled, 
.swiper-button-prev.swiper-button-disabled{
    /* background-color: rgb(var(--color-button-secondary-background));
    color: rgb(var(--color-button-secondary-text));
    border: 1px solid rgb(var(--color-button-secondary-border)); */
    box-shadow: inset 0 0 0 0.4px rgb(var(--color-button-secondary-border));
    pointer-events: none;
}
  

@media(max-width:768px){
    .swiper-controls .swiper-button{
        width:clamp(30px, 5vw + 10px, 56px);
        height:clamp(30px, 5vw + 10px, 56px);
        --swiper-navigation-sides-offset:var(--mobile-offset);
    }
}