.btn{gap:var(--inline-gap-xs);width:max-content;font-family:var(--font-body);font-weight:var(--font-weight-semibold);text-align:center;cursor:pointer;transition:box-shadow var(--dur-hover) var(--ease),color var(--dur-press) var(--ease),background var(--dur-press) var(--ease);border:none;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.btn:active{box-shadow:var(--shadow-pressed)}.btn:disabled{pointer-events:none;cursor:not-allowed;box-shadow:var(--shadow-inset);opacity:.5}.btn--prime{color:var(--text-inverse-color);background:var(--color-accent);box-shadow:var(--shadow-raised)}.btn--prime:hover{background:var(--color-accent-deep);box-shadow:var(--shadow-raised-hover)}.btn--secondary,.btn--surface{color:var(--text-muted-color);background:var(--color-surface);box-shadow:var(--shadow-raised)}.btn--secondary:hover,.btn--surface:hover{color:var(--text-strong-color);box-shadow:var(--shadow-raised-hover)}.btn--size40{min-height:var(--control-44);padding:var(--spacing-8) var(--spacing-20);font-size:var(--text-caption);border-radius:var(--radius-buttons);line-height:1.4}.btn--size40.btn--prime{background:var(--color-accent-deep)}.btn--size40.btn--prime:hover{background:var(--color-accent)}.btn--size50{min-height:var(--control-48);padding:var(--spacing-12) var(--spacing-24);font-size:var(--text-ui);border-radius:var(--radius-buttons);line-height:1.4}.btn--center{margin-left:auto;margin-right:auto}.btn--wide{width:100%;max-width:100%}