* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  cursor: none;
}

  
  
.fancy-cursor {
  position: fixed;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: transparent;
  border: 3px solid white;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transform-origin: center center;

  transition:
    width 0.25s ease,
    height 0.25s ease,
    border-radius 0.25s ease,
    left 0s,
    top 0s,
    transform-origin 0s;
}