.faq-audience-tabs {
    display: inline-grid;
    max-width: 17rem;
    grid-auto-flow: column;
    gap: .2rem;
    padding: .25rem;
    border-radius: 999px;
    background: var(--col-bw-200);
    font-size: .9rem;
    margin-bottom: 1rem;

    .faq-audience-tab {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 1.5rem;
        padding: .5rem .9rem;
        border-radius: 999px;
        color: var(--color-ink);

        &:hover {
            text-decoration: none;
            color: var(--color-ink);
        }

        &.is-active {
            background: var(--col-bw-000);
        }
    }
}