CodePen Embed - [CSS] リンク下線をホバー時のみ表示(全てのリンク)

<a href="https://techacademy.jp/magazine/category/programming/css" target="_blank" rel="noopener noreferrer">
  <p>下線なしリンク(ホバーで下線表示あり)</p>
</a>

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

This Pen is owned by 17num on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.