aタグを使ってリンクボタンを作る時に気をつけたいところを書いておきます。
たまーに、このようにボタンになっているのに文字部分だけしかリンクとして機能していないボタンを見ることがあります。
See the Pen buttonNG by TakahiroOkada (@okalog) on CodePen.
MOREにカーソルを当てると、リンク先に飛ぶようになっています。
問題ないと言えば問題ないのかもしれませんが、ユーザーは青色の範囲もリンクとして機能していると期待しているはずですよね。
なので、ボタン全体をリンクボタンとして機能させるためにはこのように書いてあげましょう。
See the Pen qBNGWmG by TakahiroOkada (@okalog) on CodePen.
と書きながらも実はこれが最適解なのかわかっていなかったり。
もっと良い書き方あれば教えて頂きたいです。