/* .custom-cursor {
  mix-blend-mode: difference;
  position: fixed;
  margin-top: -10px;
  margin-left: -10px; 
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: var(--neutral-100);
  pointer-events: none;
  transform-origin: center;
  z-index: 1000;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
} */

.custom-cursor {
  mix-blend-mode: difference;
  position: fixed;
  left: 0; 
  top: 0;
  pointer-events: none;
  z-index: 9999;
  width: 20px; height: 20px;
  transform: translate(-50%, -50%);
}
.custom-cursor-circle {
  width: 100%;
  height: 100%;
  border-radius: 100vmax;
  background-color: var(--neutral-100);
  border: 1.5px solid #fff;
  pointer-events: none;
  transform-origin: center;
  transition: transform 0.4s var(--cubic);
  will-change: transform;
}

.custom-cursor-label {
  position: absolute;
  left: 175%;
  top: 15%;
  margin-left: 0.5rem;
  pointer-events: none;
  color: white;
  font: var(--f-t-m);
  opacity: 0;
  transition: opacity 0.2s, transform 0.2s;
  transition-timing-function: var(--cubic);
  white-space: nowrap;
  z-index: 2;
}