.magnetic-glow{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}
.magnetic-glow::before{
  content:"";
  position:absolute;
  left:var(--mg-x, 50%);
  top:var(--mg-y, 50%);
  width:140px;
  height:140px;
  background:radial-gradient(circle, rgba(255,255,255,.35), transparent 70%);
  transform:translate(-50%,-50%);
  opacity:0;
  transition:opacity .25s ease;
  pointer-events:none;
  z-index:0;
}
.magnetic-glow:hover::before{ opacity:1; }
.magnetic-glow > *{ position:relative; z-index:1; }