@import '../variables.css';

.news-filters {
    display: flex;
    gap: 1rem;
    overflow: scroll;
}

.filter-btn {
    height: max-content;
    padding: var(--space-sm) var(--space-lg);
    border: none;
    background: var(--color-bg-primary);
    cursor: pointer;
    border-radius: var(--card-radius);
    color: var(--color-text-primary);
    user-select: none;
    font-size: var(--font-size-sm);
    transition: var(--transition-normal);
}

.filter-btn.active {
    background: var(--color-accent);
    color: var(--color-bg-primary);
    transition: var(--transition-normal);
}