.site-footer {
  grid-area: footer;
  display: block;
  inline-size: 100%;; /* Overflows right of viewport otherwise */
  position: fixed;
  inset-block-end: 0;

  & p {
    text-align: center;
    background: $light;
    padding: 0.4em;
    margin-block-end: unset;
    border-block-end: none;
    font-size: 1em;
    border-block-start: 2px solid black;

    @include mq("medium") {
      inline-size: fit-content;
      margin: auto;
      border-inline: 2px solid black;
    }
  }
}