How to put a shadow on a link?

Question

css

There are two blocks. One is a link, the other is a shadow.
codepen example
We want the shadow to overlay the box (as in the example), but we also want the shaded part of the link to work. How can I do that?

Answer 1

Make a block with a shadowpointer-events:none