Hide "Back to top" links when printing a page

mediaquery.html

<p>
  This is the top of the page. Pretend there is a ton of content here.
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  Here is the bottom.
  Check out <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/@media">CSS media queries</a>.
</p>
<a href="#" class="back2top">Back to top<a>
<style>
  @media print {
    a.back2top { display: none; }
  }
</style>