「もっと見る」ボタンの高さの指定は、height ではだめなのでしょうか？

試しにやってみると、ボタンの大きさは同じになりましたが「もっと見る」というテキストが上揃えになってしまいました。
padding を調整したり vertical-align: middle; を使ってみたりしましたが、テキストを上手く上下中央に持ってくることができませんでした。

line-height は 1 つの行ボックスの高さ、height は行ボックスを全て合わせた全体の高さということで違いを理解できているつもりでしたが、MDN などで調べたりレッスンを見返したりしてもわからなかったため教えていただきたいです。