.slick-dots{
    list-style: none;
    margin: 0;
    text-align: center;
    padding: 0;
    line-height: 0;
    li{
        display: inline-block;
        font-size: 0;
        line-height: 0;
        button{
            font-size: 0;
            width: 30px;
            margin: 15px 5px 0;
            height: 4px;
            padding: 0;
            background-color: $color_white;
            border: 0;
            outline: 0;
            border-radius: 0;
        }
        &.slick-active{
            button{
                @extend %primary-bg;

            }
        }
    }
}