「ページトップへ戻る」ボタンを印刷時は非表示にする

ブログ記事の印刷時レイアウトをカスタマイズしているとき、「ページトップへ戻る」ボタンが印刷されてしまうことに気づきました。画面をスクロールしてボタンが表示された状態で印刷プレビューを見ないとわからないので、今まで気づきませんでした。

このままではカッコ悪いので、印刷時は「ページトップへ戻る」ボタンを表示しないようにCSSを修正しました。
修正後のHTMLとCSSを公開します。何かの参考になれば幸いです。

HTML

<div id="page-top">
  <a id="move-page-top"><i id="page-top-icon" class="fas fa-angle-up fa-3x"></i></a>
</div>

CSS

/* 印刷時の設定 START*/
@media print {
  /* トップに戻るボタンを非表示 */
  #page-top-icon {
    display: none;
  }
}
/* 印刷時の設定 END*/