/* Общие стили для всех точек */
.slick-dots li button {
    width: 8px !important;
    height: 8px !important;
    padding: 0 !important;
}

/* Сама точка */
.slick-dots li button::before {
    content: "" !important;
    display: block !important;
    width: 8px !important;
    height: 8px !important;
    background: #fff !important;
    border-radius: 50% !important;
    opacity: 0.5 !important; /* неактивные */
}

/* Активная точка */
.slick-dots li.slick-active button::before {
    opacity: 1 !important; /* полностью белая */
}