Cursor personalizado en el hover en enlaces y imágenes

				
					
.site-content a:hover {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='30'><rect rx='20' width='100%' height='100%' fill='grey' /><text x='50%' y='50%' font-family='sans-serif' font-weight='bold' font-size='12' dominant-baseline='middle' text-anchor='middle' fill='white'>Haz click</text></svg>") 16 0, auto;
}


.site-content .cursor_personalizado a:hover {
  cursor: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='30'><rect rx='20' width='100%' height='100%' fill='grey' /><text x='50%' y='50%' font-family='sans-serif' font-weight='bold' font-size='12' dominant-baseline='middle' text-anchor='middle' fill='white'>Haz click</text></svg>") 16 0, auto;
}