How to set the z-index correctly?

Question

Layout

Hello everyone, I have such a problem
There is a link, in the form of a whole block

The task is to make a green color appear when hovering over any block with text,

but the problem is that this text overlaps the main block, that is, the entire link, and it turns out that the text turns green, but the link does not work, how can I fix the block with the text so that it becomes green and clickable

initially I can’t change the color of the text on hover because it is below the block with the link, it turns out I need to raise it higher, that is add a z-index to make it above the link block, now I can give it a color, but the ability to go to another page is gone, since this is text above the link block
I agree, it turns out somehow confusing, well, maybe there is an option to at least somehow unravel it

, already tired of playing with z-index, help plz