.btn{--btn-shadow:var(--shadow-button-neutral);justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:var(--weight-strong);line-height:var(--leading-control);border-radius:var(--radius-button);white-space:nowrap;box-shadow:var(--btn-shadow);transition:transform var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);display:inline-flex}.btn__leading{display:inline-flex}.btn:active{box-shadow:none;transform:translateY(2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--sm{height:36px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--md{height:44px;padding:0 var(--space-5);font-size:var(--text-body)}.btn--lg{height:56px;padding:0 var(--space-8);font-size:var(--text-h3)}.btn--full{width:100%}.btn--primary{--btn-shadow:none;background:var(--color-primary-fill);color:var(--color-on-primary)}.btn--primary:hover{background:var(--color-primary-fill-hover)}.btn--danger{--btn-shadow:none;background:var(--color-danger-fill);color:#fff}.btn--danger:hover{background:color-mix(in srgb, var(--color-danger-fill) 86%, #000)}.btn--secondary{--btn-shadow:var(--shadow-button-secondary);background:var(--color-secondary);color:var(--color-on-secondary)}.btn--secondary:hover{background:var(--color-secondary-hover)}.btn--neutral{--btn-shadow:var(--shadow-button-neutral);background:var(--color-canvas);color:var(--color-ink);border:var(--card-border)}.btn--ghost{box-shadow:none;color:var(--color-ink-muted);background:0 0}.btn--ghost:hover{background:var(--color-surface-1);color:var(--color-ink)}.btn--ghost:active{transform:none}.modal__foot .btn{--btn-shadow:none}