/* cursor.css */

/* Hide the system cursor */
* {
  cursor: none;
}

/* Custom cursor element */
.custom-cursor{
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #ffffff;
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  z-index: 99999;
  transition: transform 0.15s ease, background 0.15s ease;
  mix-blend-mode: difference;
}

.custom-cursor.hover{
  background: #ffffff;
  transform: translate(-50%, -50%) scale(1.5);
}

.custom-cursor.click{
  transform: translate(-50%, -50%) scale(0.8);
}