.cursor-dot {
  position: fixed;
  width: 8px;
  height: 8px;
  background: #34d399;
  border-radius: 50%;
  pointer-events: none; 
  z-index: 9999;

    transform: translate(-50%, -50%);
}


.cursor-ring {
  position: fixed;
  width: 26px;
  height: 26px;
  border-radius: 4px;
  border: 3px dashed #34d399;
  pointer-events: none;
  z-index: 9998;
  transform: translate(-50%, -50%) rotate(0deg);
  animation: rotateCursor 2s linear infinite;
}


@keyframes rotateCursor {
  from { transform: translate(-50%, -50%) rotate(0deg);   }
  to   { transform: translate(-50%, -50%) rotate(360deg); }
}


.cursor-hover {
  width: 30px;
  height: 30px;
  box-shadow: 0 0 18px #34d399;
  border-color: #34d399;

  }


.cursor-click {
  width: 20px;
  height: 20px;
}


* {
  cursor: none !important;
}