/*
    @example
    <div is="button-row">
        <button is="button">A</button>
        <button is="button">B</button>
    </div>
*/
@layer component {
    [is=button-row] {
        display: flex;
        justify-content: flex-end;
        gap: var(--space-s);
        padding-top: var(--space-s);
    }
}