.circle {
  --cursor-size: 40px;
  position: fixed;
  width: var(--cursor-size);
  height: var(--cursor-size);
  border: 1px solid #64FF49;
  border-radius: 100%;
  top: calc(-1 * var(--cursor-size) / 2);
  left: calc(-1 * var(--cursor-size) / 2);
  pointer-events: none;
}

.dot {
  --dot-size: 7px;
  position: fixed;
  width: var(--dot-size);
  height: var(--dot-size);
/*   border: 5px solid #64FF49; */
  background-color: #64FF49;
  border-radius: 100%;
  top: calc(-1 * var(--dot-size) / 2);
  left: calc(-1 * var(--dot-size) / 2);
  pointer-events: none;
}