I want the “eye” icon on the one hand to appear as it is now (above the button, so I don’t think a z-index would help), yet on the other hand I want to have the button clickable at all its surface, meaning in the eye area as well.
Also, is there a better way to position the eye? as once I’m using different text then “Click me”, I would have to accordingly set the absolute position of the eye. any way to define it better?
In terms of making it clickable, you could add pointer-events: none to the element. This essentially allows you to click through the element.