.rooh-button{font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:.025em;text-align:center;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:0;font-weight:500;line-height:1.25;text-decoration:none;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.rooh-button:focus-visible{outline:2px solid var(--crimson,#9e1b32);outline-offset:2px}.rooh-button:disabled{pointer-events:none;cursor:not-allowed;opacity:.5}.rooh-button--primary{background-color:var(--crimson,#9e1b32);color:#fff;box-shadow:0 1px 2px #0000000d}.rooh-button--primary:hover:not(:disabled){background-color:var(--crimson-hover,#7d1017)}.rooh-button--secondary{background-color:var(--sage,#7a8060);color:#fff;box-shadow:0 1px 2px #0000000d}.rooh-button--secondary:hover:not(:disabled){background-color:var(--sage-dark,#4a5844)}.rooh-button--outline{border-color:var(--border-sand,#e5d7c5);color:var(--foreground,#1a1a1a);background-color:#0000}.rooh-button--outline:hover:not(:disabled){background-color:var(--surface-card,#f7efe2);border-color:#9e1b3266}.rooh-button--ghost{color:var(--foreground,#1a1a1a);background-color:#0000}.rooh-button--ghost:hover:not(:disabled){background-color:var(--crimson-light,#fbeaef);color:var(--crimson,#9e1b32)}.rooh-button--gold{background-color:var(--gold,#c99a3e);color:#fff;box-shadow:0 1px 2px #0000000d}.rooh-button--gold:hover:not(:disabled){background-color:var(--gold-hover,#b0832f)}.rooh-button--primary:active:not(:disabled),.rooh-button--secondary:active:not(:disabled),.rooh-button--gold:active:not(:disabled){transform:scale(.99)}.rooh-button--default{letter-spacing:.15em;height:2.75rem;padding:.625rem 1.5rem;font-size:.75rem;font-weight:600}.rooh-button--sm{letter-spacing:.12em;height:2.25rem;padding:0 1rem;font-size:.6875rem;font-weight:600}.rooh-button--lg{letter-spacing:.18em;height:3.25rem;padding:0 2.25rem;font-size:.875rem;font-weight:600}.rooh-button--icon{width:2.5rem;height:2.5rem;padding:.5rem}.rooh-button__spinner{border:2px solid;border-top-color:#0000;border-radius:50%;flex:none;width:1rem;height:1rem;margin-right:.5rem;animation:.7s linear infinite rooh-button-spin;display:inline-block}@keyframes rooh-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.rooh-button{transition:none}.rooh-button__spinner{animation-duration:1.5s}}