.button{--focus-radius:var(--border-radius-small);--focus-offset:2px;min-height:3em;font-weight:var(--font-weight-bold);text-transform:uppercase;border-radius:var(--border-radius-small);transition:background-color var(--transition),opacity var(--transition);align-items:center;gap:16px;padding:.5em 1.5em;line-height:1.25em;display:flex;box-shadow:inset 0 0 0 2px #0000}.button:disabled{cursor:default;opacity:.6}.button-outlined{color:var(--c-primary);box-shadow:inset 0 0 0 2px var(--c-primary);fill:var(--c-primary)}.button-outlined:hover:not(:disabled){background-color:color-mix(in srgb,var(--c-primary) 10%,transparent)}.button-filled{color:var(--c-background-bg);background-color:var(--c-primary);fill:var(--c-background-bg)}.button-filled:hover:not(:disabled){background-color:color-mix(in srgb,var(--c-primary) 90%,var(--c-white))}