.glow-box {
  position: relative;
  --mouse-x: 50%;
  --mouse-y: 50%;
  --glow-opacity: 0;
}
.glow-box::before {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  background: radial-gradient(
    800px circle at var(--mouse-x) var(--mouse-y),
    rgba(0, 127, 228, 1),
    rgba(0, 127, 228, 0.8) 15%,
    rgba(0, 127, 228, 0.5) 35%,
    rgba(0, 127, 228, 0.2) 55%,
    transparent 75%
  );
  opacity: var(--glow-opacity);
  transition: opacity 0.3s ease;
  z-index: -1;
  pointer-events: none;
}