.cursor {
  position: fixed;
  width: 40px;
  height: 40px;
  /*margin-left: -20px;
  margin-top: -20px;*/
  border-radius: 50%;
  border: 2px solid white;
  transition: 0.3s;
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 1000;
}
.cursor2 {
  position: fixed;
  width: 4px;
  height: 4px;
  /*margin-left: -20px;
  margin-top: -20px;*/
  border-radius: 50%;
  background-color: #fff;
  transform: translate(-50%, -50%);
  transition: 0.1s;
  pointer-events: none;
  z-index: 1000;
}

.grow,
.grow-med,
.grow-small {
  transform: scale(4);
  background: white;
  mix-blend-mode: difference;
  border: none;
}

.grow-small {
  transform: scale(2);
}

.grow-med{
    transform: scale(3);
}