.cursor-ball{display:none;position:fixed;top:0;left:0;width:0;height:0;z-index:9999;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .2s;will-change:transform}
.cursor-ball::before{content:"";display:block;width:15px;height:15px;border-radius:50%;background:#fff;transform:translate(-50%,-50%) scale(1);transition:transform .3s ease}
.cursor-ball.is-visible{opacity:1}
.cursor-ball.is-link::before{transform:translate(-50%,-50%) scale(4)}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.cursor-ball{display:block}}