.news-filter {
    display:flex;
    flex-wrap:wrap;
    gap:.5rem;
    margin-bottom:2rem
}
.news-filter__btn {
    padding:.35rem 1.1rem;
    border:1px solid var(--color-border);
    border-radius:20px;
    font-size:.85rem;
    background:var(--color-white);
    color:var(--color-text-light);
    cursor:pointer;
    transition:all var(--transition)
}
.news-filter__btn:hover,.news-filter__btn.active {
    background:var(--color-primary);
    color:var(--color-white);
    border-color:var(--color-primary)
}
.news-list-page {
    border-top:1px solid var(--color-border)
}
.news-list-page__link {
    display:grid;
    grid-template-columns:100px auto 1fr auto;
    align-items:center;
    gap:1.25rem;
    padding:1.2rem .5rem;
    border-bottom:1px solid var(--color-border);
    font-size:.95rem;
    transition:background-color var(--transition);
    border-radius:4px
}
.news-list-page__link:hover {
    background-color:#f0f2ec;
    color:var(--color-primary)
}
.news-list-page__date {
    color:var(--color-text-muted);
    font-size:.85rem;
    white-space:nowrap
}
.news-list-page__cat {
    background:#e8f5e9;
    color:var(--color-primary);
    font-size:.75rem;
    padding:.2rem .65rem;
    border-radius:20px;
    white-space:nowrap;
    text-align:center;
    min-width:80px
}
.news-list-page__title {
    font-size:.95rem
}
.news-list-page__arrow {
    color:var(--color-text-muted);
    font-size:1.2rem
}
.news-empty{
    display:none;
    padding:30px 0;
    text-align:center;
    color:#666;
}
@media(max-width:640px) {
    .news-list-page__link {
        grid-template-columns:1fr;
        gap:.3rem
    }
    .news-list-page__arrow {
        display:none
    }
}