.genre-badge-link {
    display: inline-flex;
}

.genre-badge {
    display: inline-block;
    max-width: fit-content;
    padding: 7px 10px;
    line-height: 1;
    border-radius: 30px;
    font-size: 0.7rem;
    white-space: nowrap;
    background-color: var(--genre-bg-light, var(--bg-2));
    color: var(--genre-fg-light, var(--tx-2));
}

@media (prefers-color-scheme: dark) {
    .genre-badge {
        background-color: var(--genre-bg-dark, var(--bg-2));
        color: var(--genre-fg-dark, var(--tx-2));
    }
}