.swiper-pagination{
    --swiper-pagination-bullet-border-radius:10px;
    --swiper-pagination-color: rgb(var(--color-button-background));
    --swiper-pagination-bullet-width: 40px;
    position: static;
}
.swiper-pagination .swiper-pagination-bullet{
    height: 1px;
    transition: all 0.3s linear;
    --swiper-pagination-bullet-inactive-color: rgb(var(--color-button-secondary-background));
    --swiper-pagination-bullet-inactive-opacity: 0.2;
}
.swiper-pagination .swiper-pagination-bullet::after{
    width:100%;
    height: 100%;
    display: block;
    content: '';
    background-color: rgb(var(--color-button-secondary-background));
}
@media(max-width:768px){
    .swiper-pagination{
        --swiper-pagination-bullet-width: 30px;
    }
}