.btn-mag {
  display: inline-flex; align-items: center; gap: 0.6rem;
  padding: 0.9rem 2.2rem; background: var(--accent); color: #000;
  font-family: var(--f-mono); font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.12em; text-transform: uppercase;
  position: relative; overflow: hidden;
  transition: box-shadow 0.3s, background 0.2s; cursor: none;
}
.btn-mag:hover { background: #30ffe3; box-shadow: 0 0 40px rgba(0,255,209,0.35), 0 0 80px rgba(0,255,209,0.12); }
.btn-mag::before {
  content: ''; position: absolute; inset: 0;
  background: rgba(255,255,255,0.15);
  transform: translateX(-110%) skew(-12deg); transition: transform 0.5s var(--ease);
}
.btn-mag:hover::before { transform: translateX(110%) skew(-12deg); }
.btn-ghost {
  display: inline-flex; align-items: center;
  padding: 0.9rem 2.2rem; background: transparent; color: var(--text);
  font-family: var(--f-mono); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase;
  border: 1px solid var(--border2); transition: border-color 0.2s, color 0.2s; cursor: none;
}
.btn-ghost:hover { border-color: var(--accent); color: var(--accent); }