.cur {
  width: 10px;
  height: 10px;
  background: #b07d26;
  border-radius: 50%;
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 9999;
  transform: translate(-50%, -50%);
  transition: transform 0.1s;
}
.cring {
  width: 44px;
  height: 44px;
  border: 2px solid #b07d26;
  border-radius: 50%;
  position: fixed;
  top: 0; left: 0;
  pointer-events: none;
  z-index: 9998;
  opacity: 0.7;
  transform: translate(-50%, -50%);
  transition: width 0.35s cubic-bezier(.16,1,.3,1),
              height 0.35s cubic-bezier(.16,1,.3,1),
              opacity 0.35s;
}
/* увеличение кольца при наведении на ссылки */
body:has(a:hover) .cring,
body:has(button:hover) .cring {
  width: 64px;
  height: 64px;
  opacity: 1;
}
/* скрыть на мобильных (тач-экраны) */
@media (pointer: coarse) {
  .cur, .cring { display: none; }
  body { cursor: auto; }
}
</style>