Added Custom Cursor When Hovering Text

[codepeach]

When hovering over text in a PDF, I want to use a custom cursor. I've tried altering the CSS classes such as the one below, however, it only works when hovering over the pdf and is not present when hovering over text.

.textLayer { cursor: url('data:image/svg+xml, %3Csvg...'), auto; }