footer {
  display: grid;
  place-items: center;
  grid-template-columns: var(--auto-fit);
  gap: 2rem;

  background-color: #121212;
  border-top: 1px solid var(--color-primary);

  padding: 55px 1.5rem;

  color: var(--color-white);
}

footer > a {
  color: var(--color-primary);

  transition: color 0.3s var(--ease);
}
@media (hover:hover) {
  footer > a:hover {
    color: var(--hover-primary);
  }
}
footer > a:active {
  color: var(--active-primary);
}