.custom-cursor {
  position: fixed;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  mix-blend-mode: difference;
  transform: translate(-50%, -50%) scale(1);
  transition: transform 0.2s ease, background-color 0.2s ease;
}

/* When hovering elements with the class */
.custom-cursor.hover-opaque {
  background: white;
  transform: translate(-50%, -50%) scale(1.5);
}