Magnetic Button

<button class="mag" id="mag"><span>Magnetic</span></button>

body{background:#f6f7fa}
.mag{position:relative;font:700 16px/1 system-ui,sans-serif;color:#fff;background:#1a1f36;border:0;border-radius:14px;padding:18px 36px;cursor:pointer;transition:transform .2s ease}
.mag span{display:block;pointer-events:none}

var m=document.getElementById('mag');
m.addEventListener('mousemove',function(e){var r=m.getBoundingClientRect();var x=e.clientX-r.left-r.width/2,y=e.clientY-r.top-r.height/2;m.style.transform='translate('+x*.4+'px,'+y*.5+'px)';m.querySelector('span').style.transform='translate('+x*.2+'px,'+y*.25+'px)';});
m.addEventListener('mouseleave',function(){m.style.transform='';m.querySelector('span').style.transform='';});