.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-family:var(--font-body);font-weight:600;font-size:13px;letter-spacing:.01em;text-decoration:none;background:transparent;color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-line-strong);transition:transform .18s ease,box-shadow .25s ease,color .15s;white-space:nowrap;appearance:none;border:0;cursor:pointer}.btn:active{transform:translateY(1px)}.btn-primary{color:var(--color-pink);box-shadow:inset 0 0 0 1.5px #ff2e9f80;background:#ff2e9f0a}.btn-primary:hover{color:#fff;text-shadow:0 0 18px rgba(255,46,159,.7);box-shadow:inset 0 0 0 1.5px var(--color-pink),0 0 0 4px #ff2e9f1f,0 10px 40px #ff2e9f40;background:#ff2e9f1a}.btn-hot{background:var(--color-pink);color:#0b0411;box-shadow:0 8px 30px #ff2e9f59;font-weight:700}.btn-hot:hover{background:#ff45ac;box-shadow:0 0 0 5px #ff2e9f33,0 14px 48px #ff2e9f8c}.btn-ghost{color:var(--color-lav);box-shadow:inset 0 0 0 1.5px #b8a4ff59}.btn-ghost:hover{box-shadow:inset 0 0 0 1.5px var(--color-lav);background:#b8a4ff14}.btn-steam{color:var(--color-ink);box-shadow:inset 0 0 0 1.5px var(--color-line-strong)}.btn-steam:hover{box-shadow:inset 0 0 0 1.5px var(--color-ink-dim);background:#ffffff08}