@media (min-width: 1025px), (pointer: coarse) { .sfx-cursor { position: relative; transition: all .3s; z-index: 999999999; } .sfx-cursor__outline, .sfx-cursor__point { border-radius: 50%; pointer-events: none; position: absolute; } .sfx-cursor__point { background-color: var(--cursor-dot-color); height: var(--cursor-dot-size); width: var(--cursor-dot-size); z-index: 9; opacity: .8; } .sfx-cursor__outline { background: var(--cursor-bg); height: var(--cursor-size); width: var(--cursor-size); opacity: .05; transition: all .1s ease, width .2s, height .2s; } .sfx-cursor.sfx-disable, .sfx-hover .sfx-cursor__point { opacity: 0; } .sfx-hover .sfx-cursor__outline { height: calc(var(--cursor-size) * 1.5); opacity: .25; width: calc(var(--cursor-size) * 1.5); } }