footer {
  padding: 16px 8%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  height: 200px;
  background-color: var(--foreground-color);
}

footer .left {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

footer .left .icon {
  display: flex;
  align-items: center;
  gap: 8px;
}

footer .left .icon img {
  height: 50px;
}

footer .left .icon span {
  font-weight: 700;
}

footer .left .copyright {
  font-size: 12px;
}

footer .center,
footer .right {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

footer .center .links,
footer .right .links {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

footer .center span,
footer .right span {
  font-size: 20px;
  font-weight: 700;
}