.home-slider {
    max-width: min(calc(100% - var(--grid-padding) * 2), 1800px);
    position: relative;
}

.home-slider > button {
    background: var(--white);
    opacity: 0;
    transition: var(--def-trans);
}

.home-slider:hover > button {
    opacity: 1;
}

.home-slider > button:hover {
    background: var(--yellow);
}

.home-slider .prev-btn {
    position: absolute;
    top: 50%;
    left: var(--grid-gap);
    transform: translateY(-50%);
}

.home-slider .next-btn {
    position: absolute;
    top: 50%;
    right: var(--grid-gap);
    transform: translateY(-50%);
}

.home-slider .img-slider-container .img-container {
    aspect-ratio: 1800/900;
}

.home-slider .img-slider-container .slick-dots {
    width: 100%;
    margin-top: max(12px, 0.9375vw);
}