.cursor-outer {
  position: fixed;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border: 2px solid #333;
  border-radius: 50%;
  pointer-events: none;
  z-index: 999999999;
  transition: transform 0.1s ease-out;
}

.cursor-inner {
  position: fixed;
  top: 0;
  left: 0;
  width: 6px;
  height: 6px;
  background: #333;
  border-radius: 50%;
  pointer-events: none;
  z-index: 999999999;
  transition: transform 0.5s ease-out;
}

@keyframes pulse {
  0%   { transform: scale(1); opacity: 1; }
  50%  { transform: scale(1.5); opacity: 0.5; }
  100% { transform: scale(1); opacity: 1; }
}

@media only screen and (max-width: 640px) {
.cursor-inner{display:none;}
.cursor-outer{display:none;}
}