.cursor-follower {
  position: fixed;
  top: 0;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border-radius: 50%;
  pointer-events: none;
  z-index: 99999;
  opacity: 0;
  will-change: transform;
  transition: opacity 0.25s ease;
}

.cursor-follower.is-visible {
  opacity: 1;
}

html[data-theme="light"] .cursor-follower {
  border-color: rgba(17, 24, 39, 0.32);
}

@media (prefers-reduced-motion: reduce), (pointer: coarse) {
  .cursor-follower {
    display: none !important;
  }
}