footer {
  display: flex;
  justify-content: space-between;
  gap: 20px;

  padding: 20px;
  background-color: var(--primary);
}

footer > div {
  display: inline;
}

footer > div:last-child {
  text-align: end;
}

footer p,
footer a {
  color: black;
  font-size: 2rem;
}

footer a,
footer a span {
  transition: all 0.3s;
}

footer a:hover,
footer a:hover span {
  color: white;
  text-decoration-color: white;
}

footer a span {
  font-style: italic;
  font-weight: 700;

  color: black;
}