.shop-slide-dots {
    margin-top: -30px;
    padding: 0;
    text-align: center;
}

.shop-slide-dots li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}

.shop-slide-dots li button {
    border: none;
    background: transparent;
    display: none;
}

.shop-slide-dots li::before {
    content: "";
    background-color: #fff;
    cursor: pointer;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 8px;
    height: 8px;
    border-radius: 100%;
}

.shop-slide-dots li.slick-active::before {
    background-color: var(--footer-bg-color);
}