Faire disparaitre la curseur main lorsque....

Bonjour à tous

Je voudrais savoir svp à quel endroit je dois changer mon code pour faire disparaitre la curseur main lorsque je suis sur un élément cliquable.

ci-dessous mon code

merci pour votre aide

<style>

body {

cursor: none;

min-height: 100%;

background: rgb(0, 0, 0);

}



#myCustomCursor {

position: fixed;

width: 30px;

height: 30px;

background: #000000;

border-radius: 50%;

top: var(--y, 0);

left: var(--x, 0);

transform: translate(-50%, -50%);

mix-blend-mode: normal;

pointer-events: none;

transition-duration: 50ms;

transition-timing-function: ease-out;

z-index: 999999!important;

}

#myCustomCursor.myCursorHoverState {

cursor: none;

width: 90px;

height: 90px;

background: pink;

}



}

</style>

Macintosh / Firefox 108.0