.taxonomy-category {
    > * {
        transition:
            background-color var(--transition--timing-200),
            border-color var(--transition--timing-200);
    }

    &.is-style-tag {
        gap: 0.6em;
        display: flex;

        > a {
            background-color: var(--wp--preset--color--primary-navy-900);
            color: var(--wp--preset--color--white);
            border-radius: 8px;
            padding: 0.6em 1.2em;
            text-decoration: none;
            font-weight: 600;

            &[href]:hover {
                background-color: var(--wp--preset--color--primary-orange-900);
            }
        }

        > span {
            display: none;
        }
    }
}

.wp-block-group:has(> .taxonomy-category) {
    display: grid;

    > .taxonomy-category {
        grid-auto-flow: column;
        grid-auto-columns: max-content;
        overflow-y: hidden;
        overflow-x: auto;
        scrollbar-width: none;
        display: grid;
        width: 100%;
    }
}
