/* Neon Button Override for TradeSquad */
button, .btn {
  background: linear-gradient(180deg, rgba(0,255,255,.18), rgba(0,255,255,.10));
  color: #e8fbff;
  border: 2px solid rgba(0,255,255,.55);
  border-radius: 14px;
  padding: 10px 14px;
  box-shadow: 0 0 14px rgba(0,255,255,.28), inset 0 0 10px rgba(0,255,255,.12);
  transition: transform .08s ease, box-shadow .18s ease, border-color .18s ease;
  backdrop-filter: blur(6px);
}

button:hover, .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 18px rgba(0,255,255,.38), inset 0 0 12px rgba(0,255,255,.16);
  border-color: rgba(0,255,255,.75);
}

button:active, .btn:active {
  transform: translateY(0);
}

button:focus-visible, .btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(255, 41, 189, .45), 0 0 16px rgba(0,255,255,.35);
}

/* Optional variant: Magenta action buttons */
.btn-primary {
  background: linear-gradient(180deg, rgba(255,41,189,.22), rgba(255,41,189,.12));
  border-color: rgba(255,41,189,.55);
  box-shadow: 0 0 14px rgba(255,41,189,.30), inset 0 0 10px rgba(255,41,189,.14);
}

.btn-primary:hover {
  border-color: rgba(255,41,189,.75);
  box-shadow: 0 0 18px rgba(255,41,189,.40), inset 0 0 12px rgba(255,41,189,.18);
}