.sf-button{--sf-button-height:var(--space-36);--sf-button-padding-x:var(--space-16);--sf-button-icon-size:var(--icon-small);--sf-button-gap:var(--space-8);--sf-button-shadow:none;height:var(--sf-button-height);justify-content:center;align-items:center;gap:var(--sf-button-gap);border:var(--border-hairline) solid transparent;border-radius:var(--radius-sm);background:var(--color-button-secondary-bg);box-shadow:var(--sf-button-shadow);color:var(--color-text-primary);cursor:pointer;font:var(--text-button);padding:0 var(--sf-button-padding-x);text-align:center;white-space:nowrap;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.sf-button:disabled,.sf-button[aria-disabled=true]{cursor:not-allowed;opacity:.5;pointer-events:none}.sf-button:focus-visible{outline:var(--border-hairline) solid var(--color-focus-ring);outline-offset:0}.sf-button__icon{width:var(--sf-button-icon-size);height:var(--sf-button-icon-size);flex:0 0 var(--sf-button-icon-size);color:currentColor;justify-content:center;align-items:center;display:inline-flex}.sf-button__icon>svg,.sf-button>svg{width:var(--sf-button-icon-size);height:var(--sf-button-icon-size);color:currentColor;stroke:currentColor;flex-shrink:0}.sf-button__icon>img{width:var(--sf-button-icon-size);height:var(--sf-button-icon-size);-o-object-fit:contain;object-fit:contain}.sf-button--primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.sf-button--primary:hover:not(:disabled){background:var(--color-button-primary-bg-hover)}.sf-button--secondary{background:var(--color-button-secondary-bg);color:var(--color-text-primary)}.sf-button--secondary:hover:not(:disabled){background:var(--color-button-secondary-bg-hover)}.sf-button--outline{border-color:var(--color-border-default);background:var(--color-surface-app);color:var(--color-text-primary)}.sf-button--outline:hover:not(:disabled){background:var(--color-state-hover)}.sf-button--tertiary,.sf-button--ghost{color:var(--color-text-secondary);background:0 0}.sf-button--tertiary:hover:not(:disabled),.sf-button--ghost:hover:not(:disabled){background:var(--color-state-hover);color:var(--color-text-primary)}.sf-button--danger{background:var(--color-accent-danger);color:var(--color-accent-label)}.sf-button--danger:hover:not(:disabled){background:var(--color-accent-danger-hover)}.sf-button--accent{--sf-button-shadow:none;border-radius:var(--radius-button);background:var(--color-accent-primary);color:var(--color-accent-label)}.sf-button--accent:hover:not(:disabled){background:var(--color-accent-primary-hover)}.sf-button--accent-soft{--sf-button-shadow:none;background:var(--color-accent-primary-bg);color:var(--color-text-primary)}.sf-button--accent-soft:hover:not(:disabled){background:var(--color-accent-hover-bg)}.sf-button--accent-soft .sf-button__icon,.sf-button--accent-soft .sf-button__icon>svg,.sf-button--accent-soft>svg{color:var(--color-accent-primary);stroke:var(--color-accent-primary)}.sf-button--link{height:auto;min-height:auto;color:var(--color-accent-primary);text-underline-offset:var(--space-4);background:0 0;padding:0;text-decoration:none}.sf-button--link:hover:not(:disabled){text-decoration:underline}.sf-button--s,.sf-button--sm{--sf-button-height:var(--space-32);--sf-button-padding-x:var(--space-12);font:var(--text-button-s)}.sf-button--m,.sf-button--md{--sf-button-height:var(--space-36);--sf-button-padding-x:var(--space-16)}.sf-button--lg{--sf-button-height:var(--space-40);--sf-button-padding-x:var(--space-32)}.sf-button--icon{--sf-button-padding-x:var(--space-0);width:var(--space-36);min-width:var(--space-36)}