.btn-component{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-md,10px);font-family:inherit;font-weight:600;cursor:pointer;text-decoration:none;white-space:nowrap;transition:all var(--transition-base,.2s ease)}.btn-component.btn-sm{padding:.4rem .75rem;font-size:.78rem}.btn-component.btn-md{padding:.65rem 1.5rem;font-size:.9rem}.btn-component.btn-lg{padding:.7rem 1.5rem;font-size:.95rem}.btn-component.btn-primary{background:var(--brand,#00ffea);color:var(--text-inverse,#000);box-shadow:0 0 20px rgba(0,255,234,.2)}.btn-component.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-component.btn-primary:active,.btn-component.btn-primary:focus,.btn-component.btn-primary:hover{color:inherit}.btn-component.btn-outline{--_accent:var(--btn-accent,var(--brand,#00ffea));background:transparent;color:var(--text-primary,#fff);border:1px solid var(--border-default,rgba(255,255,255,.12))}.btn-component.btn-outline:hover{background:var(--bg-hover,rgba(255,255,255,.04));border-color:var(--_accent);color:var(--_accent)}.btn-component.btn-ghost{background:transparent;color:var(--text-secondary,#aaa);border:none}.btn-component.btn-ghost:hover{color:var(--text-primary,#fff);background:rgba(255,255,255,.04)}