How can I make it so that only the "Details" button is shown when hovering over a card?

Question

css

How can I make it so that only the "Details" button is shown when hovering over a card?
It happened to me.
And so it must

Answer 1

Example

Answer 2

You can play with the height
https://codepen.io/Gopard/pen/VEoMRZ?editors=1100

Answer 3

If only each block has its own style, but this is sex.
No more on bare css.
In js, everything is simply solved