.stateful-button{border:1px solid var(--primary);background:var(--primary);height:42px;color:var(--primary-foreground);letter-spacing:-.005em;cursor:pointer;box-shadow:var(--button-shadow);border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-family:inherit;font-size:.93rem;font-weight:600;transition:all .18s;display:inline-flex}.stateful-button.is-full{width:100%}.stateful-button:hover:not(:disabled){background:var(--primary-hover,var(--primary));border-color:var(--primary-hover,var(--primary))}.stateful-button:focus-visible{box-shadow:var(--shadow-focus);outline:none}.stateful-button[data-state=pending]{opacity:.85;cursor:default}.stateful-button[data-state=success]{background:var(--success-button-bg);border-color:var(--success-button-bg);cursor:default}.stateful-button[data-variant=destructive]{background:var(--danger);border-color:var(--danger);color:var(--danger-foreground)}.stateful-button:disabled{cursor:default}.stateful-button__label{display:inline-block}.stateful-button__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite dcSpin;display:inline-block}.stateful-button__check{flex:none;width:16px;height:16px}