.slick-prev, .slick-next {
    width: 2.778rem;
    height: 2.611rem;
    background: var(--color-primary);
    border: 0.056rem solid var(--bs-white);
    min-width: inherit;
}
.slick-prev:before, .slick-next:before {
    font-family: var(--font-family-tertiary);
    font-size: 1.667rem;
    line-height: 2.5rem;
    letter-spacing: 0.03em;
    opacity: 1;
    color: var(--bs-black);
}

.slick-prev:focus, .slick-next:focus {
    background: var(--color-secondary);
}

.slick-prev:hover, .slick-next:hover {
    color: var(--bs-white);
    background: var(--bs-black);
    border-color: var(--color-primary);
}
.slick-prev:hover:before, .slick-next:hover:before{
    color: var(--bs-white);
}

.slick-prev {
    left: -4.194rem;
}
.slick-prev:before {
    content: '<';
}

.slick-next {
    right: -4.194rem;
}
.slick-next:before {
    content: '>';
}

/* Responsive */
@media only screen and (max-width: 1439px) and (min-width: 1200px) {
    .slick-prev {
        left: calc(-2.778rem - 3rem);
    }
    .slick-next {
        right: -1rem;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .slick-prev {
        left: calc(-2.778rem - 3rem);
    }
    .slick-next {
        right: -0.9rem;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .slick-prev {
        left: 0;
    }
    .slick-next {
        right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .slick-prev {
        left: 0;
    }
    .slick-next {
        right: 0;
    }
}