.app-button{height:48px;padding:0 var(--spacing-lg);border-radius:var(--radius-full);letter-spacing:.1px;cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;font-family:inherit;font-size:15px;font-weight:500;transition:transform .1s,background-color .2s,opacity .2s;display:inline-flex}.app-button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.app-button:active:not(:disabled){transform:scale(.96)}.app-button.full-width{width:100%}.app-button.primary{background-color:var(--accent-red);color:var(--bg-primary);font-weight:600}.app-button.primary:active:not(:disabled){background-color:var(--accent-red-hover)}.app-button.secondary{background-color:var(--bg-elevated);color:var(--text-primary)}.app-button.secondary:active:not(:disabled){background-color:var(--bg-elevated-hover)}.app-button.ghost{color:var(--accent-red);background-color:#0000}.app-button.ghost:active:not(:disabled){background-color:var(--bg-elevated)}.btn-spinner{border:2px solid #0003;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.8s cubic-bezier(.4,0,.2,1) infinite spin}@keyframes spin{to{transform:rotate(360deg)}}