footer {
  background-color: var(--bg);
  text-align: center;
  padding: 1rem;
}

footer .socials {
  padding: 0.5rem 0;
}

footer .socials a {
  color: #fff;
  margin: 1rem;
}

footer .socials a:hover {
  color: var(--button);
}

footer .links a:hover {
  color: var(--primary);
}

footer .credit {
  font-size: 0.8rem;
}

footer .credit a {
  color: var(--button);
  font-weight: 700;
}

footer .links {
  margin-bottom: 1.4rem;
}

footer .links a {
  color: #fff;
  padding: 0.7rem 1rem;
}