.ft-btn{--_h:var(--ftc-h-md);--_pad:0 20px;--_fs:var(--ftc-fs-md);--_gap:9px;--_radius:var(--ftc-radius-pill);display:inline-flex;align-items:center;justify-content:center;gap:var(--_gap);height:var(--_h);padding:var(--_pad);border-radius:var(--_radius);border:1px solid transparent;font-family:inherit;font-size:var(--_fs);font-weight:var(--ftc-fw);line-height:1;letter-spacing:.01em;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--ftc-dur) var(--ftc-ease),border-color var(--ftc-dur) var(--ftc-ease),color var(--ftc-dur) var(--ftc-ease),transform var(--ftc-dur) var(--ftc-ease)}.ft-btn:hover{transform:translateY(-1px)}.ft-btn:active{transform:translateY(1px)}.ft-btn:focus-visible{outline:none;box-shadow:var(--ftc-ring);border-color:var(--ftc-ring-border)}.ft-btn--sm{--_h:var(--ftc-h-sm);--_pad:0 14px;--_fs:var(--ftc-fs-sm);--_gap:7px}.ft-btn--md{--_h:var(--ftc-h-md);--_pad:0 20px;--_fs:var(--ftc-fs-md);--_gap:9px}.ft-btn--lg{--_h:var(--ftc-h-lg);--_pad:0 28px;--_fs:var(--ftc-fs-lg);--_gap:11px}.ft-btn--pill{--_radius:var(--ftc-radius-pill)}.ft-btn--rect{--_radius:var(--ftc-radius)}.ft-btn--block{display:flex;width:100%}.ft-btn--icon{width:var(--_h);padding:0;--_radius:var(--ftc-radius)}.ft-btn--primary{background:var(--ftc-accent-fill);border-color:var(--ftc-accent-fill);color:var(--ftc-accent-ink)}.ft-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ft-btn--secondary{color:var(--ftc-accent)}.ft-btn--secondary,.ft-btn--secondary:hover{background:var(--ftc-accent-soft);border-color:var(--ftc-accent)}.ft-btn--outline{background:transparent;border-color:var(--ftc-accent);color:var(--ftc-accent)}.ft-btn--outline:hover{background:var(--ftc-accent-soft)}.ft-btn--ghost{background:transparent;border-color:transparent;color:var(--ftc-accent)}.ft-btn--ghost:hover{background:var(--ftc-accent-soft)}.ft-btn--quiet{background:transparent;border-color:var(--ftc-border);color:var(--ftc-text-body)}.ft-btn--quiet:hover{border-color:var(--ftc-border-strong);color:var(--ftc-text)}.ft-btn--danger{background:var(--ftc-danger);border-color:var(--ftc-danger);color:#ffffff}.ft-btn--danger:hover{filter:brightness(.92)}.ft-btn:disabled,.ft-btn[aria-disabled=true]{background:var(--ftc-surface-raised);border-color:var(--ftc-border);color:var(--ftc-text-muted);cursor:not-allowed;transform:none}.ft-btn:disabled:hover,.ft-btn[aria-disabled=true]:hover{transform:none;filter:none}.ft-btn[data-loading=true]{pointer-events:none;color:transparent;position:relative}.ft-btn[data-loading=true]:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;border:2px solid;border-top:2px solid var(--ftc-accent-ink);opacity:.75;animation:ft-btn-spin .7s linear infinite}@keyframes ft-btn-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.ft-btn[data-loading=true]:after{animation-duration:2.4s}}.ft-btn-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}