How to make the cursor not react to the transparent parts of the button-image-svg?

Question

css

Using bootstrap, I create a button-picture that has transparent places. How to make it so that when you hover the cursor it does not react to them? The svg image extension, but if it is possible to do it very simply, but with other extensions, then I am considering this option.
And yet I hope that bootstrap has the right parameter for this case.

Answer 1

You can try to insert the SVG code directly into the HTML markup and inside the SVG assign the cursor type when hovering over the desired shape. Not sure if it will work, but try