/* ═══════════════════════════════════════════════════════════════
   NoxBuild ELEMENTS pulled into Golden Era (not the page — the parts).
   The signature liquid-btn, gold-themed to fit the Golden Era identity.
   Loaded alongside tokens.css + app.css on the Golden Era landing.
   ═══════════════════════════════════════════════════════════════ */
:root{ --gnx-pill:99px; --gnx-e1:cubic-bezier(.22,1,.36,1); }

.liquid-btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center;
  height:3em; min-height:60px; background:#070500; border:2px solid var(--gold-bright,#ffb800);
  border-radius:var(--gnx-pill); cursor:pointer; font-family:var(--font-condensed,'Oxanium',sans-serif);
  text-decoration:none; isolation:isolate;
}
.liquid-btn__halo{ position:absolute; width:112.81%; height:128.57%; top:8.57%; left:50%;
  transform:translateX(-50%) translateZ(0); border-radius:var(--gnx-pill); filter:blur(19px);
  opacity:.75; pointer-events:none; isolation:isolate; }
.liquid-btn__halo-bg{ position:absolute; inset:0; border-radius:var(--gnx-pill);
  background:radial-gradient(120% 140% at 50% 30%, #ffd76b, #d4af37 55%, #6b4e0e); filter:blur(7px); }
.liquid-btn__halo-svg{ position:relative; width:100%; height:100%; overflow:hidden; border-radius:var(--gnx-pill); }
.liquid-btn__plate{ position:absolute; top:50%; left:50%; transform:translate(-50%,-40%);
  width:92.23%; height:112.85%; border-radius:var(--gnx-pill); background:rgba(120,84,14,0.55);
  filter:blur(7.3px); pointer-events:none; }
.liquid-btn__surface{ position:absolute; inset:0; display:block; overflow:hidden;
  border-radius:var(--gnx-pill); transform:translateZ(0); isolation:isolate; z-index:0; }
.liquid-btn__halo, .liquid-btn__halo-bg, .liquid-btn__halo-svg, .liquid-btn__plate,
.liquid-btn__core-glow, .liquid-btn__bg-grey, .liquid-btn__bg-black, .liquid-btn__border{ display:block; }
.liquid-btn__surface > .liquid-btn__bg-grey, .liquid-btn__surface > .liquid-btn__bg-black{
  position:absolute; inset:0; border-radius:var(--gnx-pill); }
.liquid-btn__bg-grey{ background:radial-gradient(120% 160% at 50% 0%, #2a1d05, #070500); }
.liquid-btn__bg-black{ background:transparent; }
.liquid-btn__border{ position:absolute; inset:0; border-radius:var(--gnx-pill); border:3px solid;
  border-image:linear-gradient(to bottom, transparent, #ffe7a3) 1; mix-blend-mode:overlay; pointer-events:none; }
.liquid-btn__border--1{ filter:blur(3px); } .liquid-btn__border--2{ filter:blur(3px); }
.liquid-btn__border--3{ filter:blur(5px); } .liquid-btn__border--4{ filter:blur(4px); }
.liquid-btn__border--5{ filter:blur(4px); }
.liquid-btn__core-glow{ position:absolute; top:50%; left:50%; transform:translate(-50%,-40%);
  width:70.8%; height:42.85%; border-radius:var(--gnx-pill); filter:blur(15px);
  background:rgba(212,160,40,0.5); pointer-events:none; }
.liquid-btn__face{ position:relative; z-index:5; display:inline-flex; align-items:center; justify-content:center;
  gap:10px; padding:0 34px; color:#fff7df; font-family:var(--font-condensed,'Oxanium',sans-serif);
  font-size:1.02rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; white-space:nowrap;
  transition:color .25s var(--gnx-e1); pointer-events:none; }
.liquid-btn__face svg{ width:20px; height:20px; flex-shrink:0; transition:fill .25s var(--gnx-e1); }
.liquid-btn:hover{ transform:translateY(-1px); }
.liquid-btn:hover .liquid-btn__face{ color:#fff; }
.liquid-btn--hero{ height:3.2em; min-height:64px; }
@media (prefers-reduced-motion: reduce){ .liquid-btn__halo{ animation:none !important; } }