.button{justify-content:center;align-items:center;gap:var(--size--1);height:2rem;padding-inline:var(--size--1);background:color-mix(in srgb, var(--theme--surface--secondary) calc(100% * var(--component-states--initial)), var(--theme--surface--primary) calc(100% * var(--component-states--final)));color:var(--theme--ink--primary);border:var(--border--0) solid var(--theme--stroke--primary);border-radius:var(--radius--0);font-family:inherit;font-size:var(--font--size--1);font-weight:var(--font--weight--0);cursor:pointer;white-space:nowrap;box-shadow:0 1px 1px #05050503, 0 3px 3px #05050503, 0 calc(12px + 4px * var(--component-states--final,0)) 24px rgba(5, 5, 5, calc(.02 + .02 * var(--component-states--final,0))), 0 calc(12px + 4px * var(--component-states--final,0)) 32px rgba(5, 5, 5, calc(.02 + .02 * var(--component-states--final,0)));line-height:1;text-decoration:none;display:inline-flex}.button:focus-visible{outline:3px solid var(--theme--stroke--brand);outline-offset:2px}.button[variant-type=Secondary]{height:1.5rem;padding-inline:var(--size--0);box-shadow:none;color:color-mix(in srgb, var(--theme--ink--secondary) calc(100% * var(--component-states--initial)), var(--theme--ink--primary) calc(100% * var(--component-states--final)));background:0 0;border-color:#0000}