Why the button (tag a) does not fulfill its responsibilities as a button?

Make up gallery, a situation that leads to the tag and the cursor becomes a "pointer" and nothing is pressed and there like a link to a modal window. Roughly understand what the problem is, but I can't.

My code: https://jsfiddle.net/eL7p0948/

(Link circled red)
(It pushes the whole block with text and links can not)

Maybe even make the whole block a link? Just like right then to do...
June 8th 19 at 19:56
1 answer
June 8th 19 at 19:58
Solution
He covered another block that will solve the problem
.gallery__text {
 z-index: 1;
}
And I the link set z-index and cursing what is wrong - parker_Colli commented on June 8th 19 at 20:01

Find more questions by tags HTMLCSSLayoutFrontend