理解为什么输入元素和<a> element are different sizes with the same CSS settings</a>

Question

我在尝试理解为什么不同的html元素具有相同设置的不同最终结果时遇到问题。这是显示问题的CodePen。我正试图让链接看起来像按钮。