Is there any way to hide buttons?

I noticed that UI buttons seem to force themselves always to the top of the screen, no matter what the z elevation of their layer is. Problem is, I need to hide the buttons somehow. From the artist, I got some hand drawn sprites that are supposed to be the "pretty" side of the button, but I do need the UI button to, because this element can be found by the screenreader.

Is there any way to hide the buttons behind pretty artworks?

I tried setting the opacity, but it did nothing.

When I move the buttons outside of the view, the screenreader won't find them anymore.

Thank you for your replies. I made the buttons invisible, but that made them also not clickable.

Unfortunately, I can neither position the buttons off screen, nor make my own solution, since I need the elements to be useable with the screenreader. As far as I know, I can only do that with the form buttons.

Would it be possible to make them transparent while still useable with css?

So I found kind of a workaround by making a selfmade button from a sprite and hiding the form button in a colored area, making it 0,1 x 0,1 pixel in size the same color as the area on the sprite. It looks like transparent buttons are not a thing. Luckily, the size does not matter for the screenreader to find it.

I made the buttons invisible, but that made them also not clickable

Sorry that was for if you're using normal sprites as buttons they will be interactive, I made a mistake and swapped them over)) I just corrected it.

Glad you found a solution

I may have just found the intended solution. Put all your buttons on their own layer. Select the layer, and there should be an option in the layer options for an HTML Elements layer. This allows sprites to be displayed over buttons and you can still click them. I haven't yet explored the feature too much, but it seems to work perfectly so far.