.home-slider {
    width: 100%;
    height: 60vh;
    overflow: hidden;
}

.home-slider .swiper-slide {
    height: 60vh;
}

.home-slider .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.home-slider .swiper-button-prev,
.home-slider .swiper-button-next {
    width: 48px;
    height: 48px;
    background-color: var(--color-background);
    color: var(--color-red);
    border-radius: 50%;
    border: 2px solid var(--color-text);
    transition: background-color 0.2s ease;
}

.home-slider .swiper-button-prev:hover,
.home-slider .swiper-button-next:hover {
    background-color: var(--color-red);
    color: var(--color-background);
}