footer {
  background-color: var(--color-primary);
  border-top: 1px solid var(--color-border);
  margin-top: 4rem;
  margin-bottom: -2rem;
  padding-block: 1rem;
  gap: 0;
}

footer .copyright {
  text-align: center;
}

footer .social-links {
  flex-direction: row;
  justify-content: center;
  padding-block: 4rem;
}

footer .social-links a svg.icon {
  width: 4rem;
  height: 4rem;
}