.highlight-circle {
  cursor: none !important;
}

.highlight-circle.tilting-card:hover::after {
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  content: "";
  height: 20px;
  pointer-events: none;
  position: absolute;
  transform: translate(var(--mouse-x), var(--mouse-y));
  width: 20px;
}

.tilting-card {
  transition: transform 0.1s;
  transform-style: preserve-3d; /* Ensures 3D transforms work */
}

.tilting-card-container {
  display: inline-block;
  perspective: 1000px; /* Creates a 3D space */
}