.btn-base{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;gap:8px;outline:none;font-family:inherit;white-space:nowrap}.btn-base:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-accent);color:white}.btn-primary:hover:not(:disabled){background-color:#6a5e54;transform:translateY(-1px)}.btn-secondary{background-color:rgba(123,110,98,.15);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:rgba(123,110,98,.25)}.btn-outline{background-color:transparent;border-color:var(--border-main);color:var(--text-primary)}.btn-outline:hover:not(:disabled){background-color:rgba(123,110,98,.05);border-color:var(--color-accent)}.btn-ghost{background-color:transparent;color:var(--text-primary)}.btn-ghost:hover:not(:disabled){background-color:rgba(123,110,98,.1)}.btn-danger{background-color:var(--color-error);color:white}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-success{background-color:var(--color-success);color:white}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-sm{padding:6px 12px;font-size:13px}.btn-md{padding:10px 18px;font-size:14px}.btn-lg{padding:14px 24px;font-size:16px}.btn-icon{padding:8px;border-radius:50%}.btn-spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,255,255,.3);border-top-color:white;animation:spin .8s linear infinite}.btn-ghost .btn-spinner,.btn-outline .btn-spinner,.btn-secondary .btn-spinner{border-color:rgba(0,0,0,.1);border-top-color:var(--color-accent)}@keyframes spin{to{transform:rotate(1turn)}}.btn-content{display:inline-flex}