Voyagerテーマのリンクの下線

Voyagerテーマを使用していますが、リンク文字列に”マウスオーバーしたときのみ”下線を表示させたいと思い、「外観」→「カスタマイズ」→「追加CSS」に以下のように追記しました。

.link {
  text-decoration: none;
}
.link:hover {
  text-decoration: underline;
}

しかし下線が表示されません。

普段は下線は非表示でマウスオーバー時のみ表示させたいのですが、適切な記述について教えて下さい。