footer {
  background: var(--grey-900);

  .content {
    max-width: 768px;
    margin: auto;
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-image: url("/assets/footer_bg-0185594e.svg");
    background-size: cover;
    background-position-y: 11px;
    background-repeat: no-repeat;

    font-family: 'InterBold';
    padding-right: 1.5rem;
    color: var(--grey-100);
    font-size: 0.75rem;

    a {
      text-decoration: none;
      margin-right: 0.25rem;
      color: var(--grey-100);

      &:visited {
        color: var(--grey-100);
      }

      &:hover, &:focus {
        text-decoration: underline;
      }

      @media screen and (min-width: 768px) {
        margin-right: 1rem;
      }
    }
  }
}