.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:2px;font-family:var(--font-display, "Inter", sans-serif);font-weight:600;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn__icon{font-size:16px;transition:transform .3s ease}.btn__text{line-height:1}.btn--sm{padding:10px 16px;font-size:.6rem}.btn--sm .btn__icon{font-size:14px}.btn--md{padding:12px 22px;font-size:.7rem}.btn--md .btn__icon{font-size:16px}.btn--lg{padding:16px 30px;font-size:.8rem}.btn--lg .btn__icon{font-size:18px}.btn--primary{background-color:var(--primary, #F1E0B6);color:var(--surface-dark, #0A0A0A)}.btn--primary:hover:not(:disabled){background-color:#e5d4a8;transform:translateY(-1px)}.btn--primary:active:not(:disabled){transform:scale(.98)}.btn--secondary{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc}.btn--secondary:hover:not(:disabled){border-color:var(--primary, #F1E0B6);color:var(--primary, #F1E0B6);background:#f1e0b60d}.btn--outline{background:transparent;border:1px solid var(--primary, #F1E0B6);color:var(--primary, #F1E0B6)}.btn--outline:hover:not(:disabled){background:#f1e0b61a}.btn--ghost{background:transparent;color:#ffffff80;border:none}.btn--ghost:hover:not(:disabled){color:var(--white, #FFFFFF);background:#ffffff0d}.btn--danger{background:transparent;border:1px solid rgba(255,107,107,.3);color:#ff6b6bcc}.btn--danger:hover:not(:disabled){background:#ff6b6b1a;border-color:#ff6b6b80;color:#ff6b6b}.btn--shimmer:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.btn--shimmer:hover:before{animation:shimmer 1.5s infinite}.btn--icon-only{padding:0;width:28px;height:28px;border-radius:4px}.btn--icon-only.btn--sm{width:24px;height:24px}.btn--icon-only.btn--md{width:28px;height:28px}.btn--icon-only.btn--lg{width:36px;height:36px}.btn--icon-only .btn__icon{margin:0}.btn--full{width:100%}.btn--loading{pointer-events:none}.btn__spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.2);border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}.btn--primary .btn__spinner{border-color:#0a0a0a33;border-top-color:var(--surface-dark, #0A0A0A)}@keyframes btn-spin{to{transform:rotate(360deg)}}@keyframes shimmer{to{transform:translate(100%)}}