尝试克隆最左边的模板，以便从这个运球中进行练习：
https://dribbble.com/shots/2262761-Mobile-Blog-App-Interface/attachments/424147
到目前为止，这是我的代码笔：
https://codepen.io/TheKyleDev/project/editor/ZWbLbw
.hero a {
background: #FFF;
color: #000;
font-size: 0.75em;
text-decoration: none;
text-shadow: none;
letter-spacing: 0.05em;
font-size: 0.65em;
padding: 8px 18px;
}
由于某种原因，按钮链接表现得很奇怪。尽管顶部和底部均有填充，但文本看起来更接近顶部。有人可以向我解释一下吗？