.slick-dots {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: 1rem;
    row-gap: 0.5rem;
}

.slick-dots li.slick-active > button {
    background-color: var(--slate-600);
}