footer {
  background-color: var(--bg-2);
  margin-block-start: var(--space-xl);
  padding-block-start: var(--space-xl);
  padding-block-end: var(--space-xl);
  padding-inline: var(--space-sm);
  transition: var(--transition);
}

footer > * {
  max-width: var(--max-width);
  margin-inline: auto;
}

@media (max-width: 900px) {
  footer,
  footer > * {
    max-width: 100%;
    padding-inline: var(--space-sm);
  }
}