.otana-v2 .ot-btn{--ot-btn-pad:0 16px;--ot-btn-fs:var(--text-body-sm);--ot-btn-h:36px;isolation:isolate;padding:var(--ot-btn-pad);min-height:var(--ot-btn-h);font-family:var(--font-fa);font-size:var(--ot-btn-fs);font-weight:var(--weight-semibold);letter-spacing:0;border-radius:var(--radius-control);border:1px solid var(--border-default);cursor:pointer;white-space:nowrap;transition:var(--transition-control);background:0 0;justify-content:center;align-items:center;gap:8px;line-height:1;text-decoration:none;display:inline-flex;position:relative}.otana-v2 .ot-btn:hover{text-decoration:none}.otana-v2 .ot-btn:active{transform:var(--press-scale)}.otana-v2 .ot-btn:focus-visible{outline-offset:2px;box-shadow:var(--shadow-focus);outline:2px solid #0000}.otana-v2 .ot-btn:focus-visible:hover:not([disabled]){box-shadow:var(--shadow-focus)}.otana-v2 .ot-btn--danger:focus-visible:hover:not([disabled]){box-shadow:var(--shadow-focus-danger)}.otana-v2 .ot-btn[disabled],.otana-v2 .ot-btn[aria-disabled=true]{cursor:not-allowed;opacity:.42;box-shadow:none;transform:none}.otana-v2 .ot-btn--sm{--ot-btn-pad:0 12px;--ot-btn-fs:var(--text-caption);--ot-btn-h:28px;border-radius:var(--radius-sm)}.otana-v2 .ot-btn--lg{--ot-btn-pad:0 22px;--ot-btn-fs:var(--text-body);--ot-btn-h:var(--ot-btn-lg-h,44px);border-radius:var(--radius-md)}.otana-v2 .ot-btn--block{width:100%}.otana-v2 .ot-btn--primary{background:var(--brand-accent);color:#fff;border-color:var(--brand-accent);-webkit-backdrop-filter:none;box-shadow:none}.otana-v2 .ot-btn--primary:hover:not([disabled]){background:var(--brand-accent-hover);border-color:var(--brand-accent-hover)}.otana-v2 .ot-btn--primary:active:not([disabled]){background:var(--brand-accent-active);border-color:var(--brand-accent-active)}.otana-v2 .ot-btn--accent{background:var(--brand-accent);color:var(--brand-on-primary);border-color:var(--brand-accent);box-shadow:none}.otana-v2 .ot-btn--accent:hover:not([disabled]){background:var(--brand-accent-hover);border-color:var(--brand-accent-hover)}.otana-v2 .ot-btn--accent:active:not([disabled]){background:var(--brand-accent-active);border-color:var(--brand-accent-active)}.otana-v2 .ot-btn--glass{background:color-mix(in oklab, var(--brand-accent) 12%, var(--surface-card));color:var(--text-accent);border-color:color-mix(in oklab, var(--brand-accent) 26%, transparent);box-shadow:none}.otana-v2 .ot-btn--glass:hover:not([disabled]){background:color-mix(in oklab, var(--brand-accent) 19%, var(--surface-card));border-color:color-mix(in oklab, var(--brand-accent) 40%, transparent)}.otana-v2 .ot-btn--glass:active:not([disabled]){background:color-mix(in oklab, var(--brand-accent) 26%, var(--surface-card))}.otana-v2 .ot-btn--secondary{background:var(--surface-card);color:var(--text-primary);border-color:var(--border-default);box-shadow:none}.otana-v2 .ot-btn--secondary:hover:not([disabled]){background:var(--surface-subtle);border-color:var(--border-strong)}.otana-v2 .ot-btn--secondary:active:not([disabled]){background:var(--surface-sunken)}.otana-v2 .ot-btn--subtle{background:color-mix(in oklab, var(--brand-accent) 16%, transparent);color:var(--text-accent);border-color:color-mix(in oklab, var(--brand-accent) 20%, transparent);box-shadow:none}.otana-v2 .ot-btn--subtle:hover:not([disabled]){background:color-mix(in oklab, var(--brand-accent) 20%, transparent);border-color:color-mix(in oklab, var(--brand-accent) 30%, transparent)}.otana-v2 .ot-btn--ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.otana-v2 .ot-btn--ghost:hover:not([disabled]){background:var(--surface-sunken);color:var(--text-primary);border-color:#0000}.otana-v2 .ot-btn--danger{background:var(--status-danger);color:var(--text-inverse);border-color:var(--status-danger);box-shadow:none}.otana-v2 .ot-btn--danger:hover:not([disabled]){background:color-mix(in oklab, var(--rose-700) 92%, transparent)}.otana-v2 .ot-btn--danger:focus-visible{box-shadow:var(--shadow-focus-danger)}.otana-v2 .ot-btn__spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.62s linear infinite ot-btn-spin}@keyframes ot-btn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.otana-v2 .ot-btn__spin{animation-duration:1.8s}}
