#dot {
  position: fixed;
  z-index: 9999;
  width: 6px; height: 6px;
  background: var(--g);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: width .25s var(--r), height .25s var(--r), opacity .2s;
}
#ring {
  position: fixed;
  z-index: 9998;
  width: 32px; height: 32px;
  border: 1px solid rgba(200,144,10,.35);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: width .45s var(--r), height .45s var(--r), border-color .3s;
}