.btn{cursor:pointer;border:none;border-radius:10px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn--full{width:100%}.btn:disabled{opacity:.4;cursor:default}.btn--primary:hover:not(:disabled),.btn--danger:hover:not(:disabled){opacity:.9}.btn--secondary:hover:not(:disabled){background-color:var(--color-surface);border-color:var(--color-text-tertiary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface)}.btn--soft:hover:not(:disabled){background-color:var(--color-red-light)}.btn:active:not(:disabled){opacity:.85}.btn--primary{background-color:var(--color-brand);color:var(--color-text-inverse)}.btn--secondary{background-color:var(--color-surface-elevated);border:1px solid var(--color-border-strong);color:var(--color-text)}.btn--ghost{color:var(--color-text);background-color:#0000}.btn--danger{background-color:var(--color-red);color:var(--color-text-inverse)}.btn--soft{background-color:var(--color-brand-soft);border:1px solid var(--color-brand-border);color:var(--color-brand)}.btn--sm{border-radius:8px;padding:7px 12px}.btn--md{padding:12px 16px}.btn--lg{border-radius:12px;padding:15px 20px}.btn__label{letter-spacing:.1px;color:inherit;font-weight:600}.btn--sm .btn__label{font-size:13px}.btn--md .btn__label{font-size:15px}.btn--lg .btn__label{font-size:16px}
