*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    --color: #111;

    color: var(--color);
}

button {
    padding: 0.25rem;
    font-size: 1rem;
    color: var(--color);
    background-color: #efefef;
    border: 0.125rem solid var(--color);

    &:focus-visible {
        outline: 0.125rem solid var(--color);
        outline-offset: 0.125rem;
    }

    &[aria-expanded] {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }
}