.lang-filter-container {
    margin-top: 0.75rem;

    .lang-filter-button-group {
        display: inline-flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .lang-filter-button {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
        font-weight: 600;
        border: 2px solid #444;
        border-radius: 6px;
        cursor: pointer;
        transition: all 0.2s;
        font-family: inherit;

        &.lang-filter-button--selected {
            background-color: #1976d2;
            color: #fff;
            border-color: #1976d2;
        }

        &.lang-filter-button--unselected {
            background-color: #2a2a2a;
            color: #888;
            border-color: #444;
        }
    }
}