@media(hover: hover)and (pointer: fine){div.ball{transition:border-radius .25s,transform .25s,background .5s,width .25s,height .125s;color:#fff;border:solid var(--stroke-width);width:1em;height:1em;border-radius:50%;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);transform-origin:center;z-index:99999;mix-blend-mode:difference;background:currentColor}div.ball.hover{transform:translate(-50%, -50%) rotate(45deg);border-radius:0;width:5em;height:5em}}