/* ===== News Carousel ===== */

.carousel-wrap {
    position: relative;
}

.news-roll {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: minmax(280px, 340px);
    gap: 24px;

    overflow-x: auto;
    scroll-behavior: smooth;

    scrollbar-width: none;
    /* Firefox */
}

.news-roll::-webkit-scrollbar {
    display: none;
    /* Chrome */
}

.news-card {
    min-width: 0;
}

/* Buttons */

.carousel-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

    background: white;
    border: 1px solid #e5e7eb;
    padding: 8px 12px;
    cursor: pointer;
}

.carousel-btn.prev {
    left: -10px;
}

.carousel-btn.next {
    right: -10px;
}