#custom-cursor {
  width: 140rem;
  height: 140rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  pointer-events: none;
  font-size: 21rem;
}
#custom-cursor #custom-cursor-circle {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  padding: 25rem;
  background: var(--green);
  border-radius: 50%;
  transition: transform 1s var(--curve), opacity 1s var(--curve);
}

#custom-cursor span {
  color: var(--white);
  display: block;
  text-transform: uppercase;
}

#custom-cursor:not(.show) #custom-cursor-circle {
  transform: scale(0);
}

@media (hover: none) {
  #custom-cursor {
    display: none;
  }
}