.pagination.discount .swiper-pagination-bullet {
    width: 1.5rem;
    height: 1.65rem;
    border-radius: 0 1rem 1rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.9);
    transition:
        width 0.35s cubic-bezier(0.4, 0, 0.2, 1),
        background-color 0.35s ease,
        transform 0.35s ease;
        font-size: .75rem;
}

.pagination.discount .swiper-pagination-bullet-active {
    width: 2rem;
    background-color: #fff;
    transform: translateX(-2px);
}