.saas-button{justify-content:center;align-items:center;gap:var(--saas-space-sm);min-block-size:40px;padding-block:var(--saas-space-sm);padding-inline:var(--saas-space-md);border:1px solid var(--saas-brand-primary);border-radius:var(--saas-radius-md);background:var(--saas-brand-primary);box-shadow:var(--saas-elevation-raised);color:var(--saas-brand-on-primary);font-family:var(--saas-font-family);font-size:var(--saas-font-body-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--saas-motion-micro) var(--saas-ease-standard), border-color var(--saas-motion-micro) var(--saas-ease-standard), color var(--saas-motion-micro) var(--saas-ease-standard);font-weight:600;display:inline-flex}.saas-button:hover:not(:disabled){border-color:var(--saas-brand-primary-hover);background:var(--saas-brand-primary-hover)}.saas-button[data-variant=secondary]{border-color:var(--saas-border-default);background:var(--saas-bg-surface);box-shadow:none;color:var(--saas-text-primary)}.saas-button[data-variant=secondary]:hover:not(:disabled){border-color:var(--saas-brand-subtle);background:var(--saas-brand-subtle);color:var(--saas-brand-primary)}.saas-button:focus-visible{box-shadow:var(--saas-focus-ring);outline:none}.saas-button:disabled{cursor:not-allowed;opacity:.6}.saas-button__spinner{border:2px solid;border-radius:var(--saas-radius-full);border-block-start-color:#0000;block-size:14px;inline-size:14px;animation:.7s linear infinite saas-button-spin}@keyframes saas-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.saas-button__spinner{animation:none}}@media (width<=599px){.saas-button{min-block-size:44px}}