.cursor-glitter {
  position: fixed;
  left: 0;
  top: 0;

  z-index: 10001;

  pointer-events: none;
  user-select: none;

  font-size: 13px;
  line-height: 1;

  text-shadow:
    0 0 3px currentColor,
    0 0 7px currentColor;

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

  animation: glitter-fall 700ms ease-out forwards;
}

@keyframes glitter-fall {
  0% {
    opacity: 1;

    transform:
      translate(-50%, -50%)
      translate(0, 0)
      rotate(0deg)
      scale(1);
  }

  100% {
    opacity: 0;

    transform:
      translate(-50%, -50%)
      translate(var(--glitter-x), var(--glitter-y))
      rotate(var(--glitter-rotation))
      scale(0.2);
  }
}