How to fix the flickering of the block when you hover?

Hello!

Faced with the problem:

There is a block with a photo and signature to it. According to the designer, when the photo induced mouse button should appear at the middle of the photo to navigate to another page. I relaxed is implemented, the button appears. But when I point the mouse on the button, it starts to disappear,then to appear with such frequency that I'm about to start epilepsy.

Photo ideas:
joxi.ru/E2pqoVBU9B179A

Code example:
https://jsfiddle.net/h8q96y7j/

Thank you in advance!
June 5th 19 at 21:07
1 answer
June 5th 19 at 21:09
Solution
Just add :hover and the button, too, like so.
Thank you! - Edward82 commented on June 5th 19 at 21:12
decision mark, Bucko! First day on the Internet? - lesly_Lindgren commented on June 5th 19 at 21:15

Find more questions by tags CSSHTML