.footer {
  background: #333;
  color: var(--white);
  padding: 2rem 1rem 7rem;
  font-size: 0.875rem;
  display: flex;
  gap: 2rem;
  justify-content: flex-end;

  a {
    text-decoration: underline;
  }
}

@media (min-width: 744px) {
  .footer {
    padding-inline: 2rem;
  }
}

@media (min-width: 1280px) {
  .footer {
    padding-bottom: 2rem;
  }
}