我希望重新創建像他們在這個網站上的光標:

https://andwalsh.com/

他們有一個圓形輪廓的光標，當光標懸停在鏈接上時，這個圓形是實心的。

我想在我自己的網站上使用HTML/CSS/Javascript重新創建這個光標，并讓它只顯示在桌面上(不是觸摸屏)。

他們正在使用光標css屬性

body {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23000000" width="20px" height="20px" viewBox="0 0 10.04 10.04"><circle cx="5.02" cy="5.02" r="4.52"/></svg>') 10 10, auto;
  height: 100vh;
}

a {
  cursor: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" stroke="%23000000" fill="%23000000" width="20px" height="20px" viewBox="0 0 10.04 10.04"><circle cx="5.02" cy="5.02" r="4.52"/></svg>') 10 10, auto;
}

<a href="#">some link</a>