.cursor{
position:fixed;
width:18px;
height:18px;
border-radius:50%;
pointer-events:none;
z-index:999999;
background:#4f8cff;
box-shadow:
0 0 15px #4f8cff,
0 0 35px #4f8cff;
transform:translate(-50%,-50%);
transition:
transform .08s linear,
width .25s,
height .25s,
background .25s;
mix-blend-mode:screen;
}

.cursor-ring{
position:fixed;
width:42px;
height:42px;
border:2px solid rgba(79,140,255,.45);
border-radius:50%;
pointer-events:none;
z-index:999998;
transform:translate(-50%,-50%);
transition:transform .18s ease-out;
backdrop-filter:blur(2px);
}

.cursor-hover{
width:34px;
height:34px;
background:#00e5ff;
}