title: Add margins without overlapping for a fixed footer in print media css
body: <p>I need to add a margin on a fixed footer in a web page in print media. I made the footer fixed by adding fixed position but could not add the margins. The fixed footer overlaps with the content above.
  <a href="https://i.stack.imgur.com/Vy7Bo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Vy7Bo.png" alt="enter image description here" /></a></p>
  <p>The footer needs to have a minimum margin of 20 mm at the top so that it doesn't collide with the content above and a margin of 20 mm at the bottom.</p>
  <p>Here is the demo page : <a href="https://storage.googleapis.com/cwsogbl/index.html" rel="nofollow noreferrer">https://storage.googleapis.com/cwsogbl/index.html</a></p>
  <p>Can anyone help with this?</p>