* {
	cursor: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline: none !important;
    border: none !important;
}

.reactive-cursor {
	width: 50px;
	height: 50px;
	border-radius: 50px;
	position: fixed;
	z-index: 99999;
	pointer-events: none;
  	will-change: transform,background-color;
	transition: transform .2s ease-in,
				background-color .4s ease-in;
}

.reactive-cursor {
	transform: scale(0.5);
	background-color:  var(--accent-color);
}

.reactive-cursor.hover {
		transition: transform .1s ease-out,
			background-color .3s ease-out;
	transform: scale(1.5);
	/* background-color: rgba(0,0,0,0.1); */
	mix-blend-mode: difference;
}

.reactive-cursor.hidden {
	display: none !important;
}

@media (any-hover: none) {
       .reactive-cursor {
    	display: none !important
    }
}