.stateful-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border-radius:8px;border:1px solid var(--primary);background:var(--primary);color:var(--primary-foreground);font-family:inherit;font-size:.93rem;font-weight:600;letter-spacing:-.005em;cursor:pointer;transition:all .18s ease;box-shadow:var(--button-shadow)}.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{outline:none;box-shadow:var(--shadow-focus)}.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-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;animation:dcSpin .8s linear infinite;display:inline-block}.stateful-button__check,.stateful-button__spinner{width:16px;height:16px;flex:none}