.category-carousel .category-carousel {
    padding: 45px;
}

.category-carousel a {
    margin: 0px 7.5px;
    text-align: center;
    color: #575757;
    text-decoration: none;
}

.category-carousel button.slick-prev, .category-carousel button.slick-next {
    background-color: #F5F5F5;
    border-color: #f5f5f5;
    background-image: url(assets/button-arrow.svg);
}

.category-carousel button.slick-prev:hover, .category-carousel button.slick-prev:focus, .category-carousel button.slick-prev:active, .category-carousel button.slick-next:hover, .category-carousel button.slick-next:focus, .category-carousel button.slick-next:active {
    background-color: #E3ECCF;
    border-color: #E3ECCF;
    background-image: url(assets/button-arrow-active.svg);
}

.category-carousel button.slick-prev {
    left: 0px;
}

.category-carousel button.slick-next {
    right: 0px;
    transform: translateY(-50%) rotate(180deg);
}

.category-carousel .slick-list.draggable {
    margin: 0px 30px;
}

.category-carousel .image-square-small {
    max-width: 108px;
    max-height: 108px;
    display: block;
    margin: 0 auto 12px;
}

@media (max-width: 991.98px) {
    .category-carousel .image-square-small {
        max-height: unset;
        max-width: unset;
    }
}

@media(max-width: 575.98px){
    .category-carousel .category-carousel {
        padding: 30px;
    }
}