* {
   cursor: none;
}

.cursor-dot,
.cursor-dot-outline {
   pointer-events: none;
   position: absolute;
   top: 50%;
   left: 50%;
   border-radius: 50%;
   opacity: 0;
   transform: translate(-50%, -50%);
   transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.cursor-dot {
   width: 8px;
   height: 8px;
   background-color: #303733;
}

.cursor-dot-outline {
   width: 44px;
   height: 44px;
   border: 2px solid #303733
}