Why doesn't the link align the text inside vertically like a button?

Question

css

Good day. Why <a>doesn't the link vertically align the content like it does <button>?
Link to JSFiddle

Answer 1

Here through flex Here
or you needed an explanation why it does not align the content vertically?

Answer 2

I think the point is that:
a - line
button - block