/* Choix unique d'un bouton à menu — module canonique ; son emploi : canon_menu-button-radio.md. */

@layer components {
    .menu-button-mark {
        flex: none;
        width: 0.35em;
        height: 0.7em;
        margin-inline: 0.2em;
        visibility: hidden;
        transform: translateY(-10%) rotate(45deg);
    }
    .menu-button-item[aria-checked="true"] > .menu-button-mark {
        visibility: visible;
    }

    .menu-button-mark {
        border-block-end: 2px solid currentColor;
        border-inline-end: 2px solid currentColor;
    }

    .menu-button-mark {
        color: var(--canon-theme-action);
    }
}