<p class="image">
  Hover me!
</p>

.image{
  /*
  ** thx https://www.emojicursor.app/ for the svg trick :)
  */ 
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='128' height='80' viewport='0 0 100 100' style='fill:black;font-size:300px;'><text y='216%' x='-70%'>💩</text></svg>") 16 0,auto;
}



/*
** default css
*/
p{
  margin: 30px auto;
  padding: 15px;
  font-size: 1.5em;
  max-width: 150px;
  text-align: center;
  background-color: #ddd;
  font-family: sans-serif;
  box-shadow: 0 0 15px 8px #bbb;
}