.footer {
  background: var(--color-bg-footer);
  color: #94a3b8;
  padding: 3rem 0 1rem;
}

.footer__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}

.logo--footer {
  color: #fff;
  margin-bottom: 0.75rem;
}

.logo--footer .logo__icon {
  height: 1.8rem;
  font-size: 0.75rem;
  filter: invert(100%) hue-rotate(120deg);
}

.footer h4 {
  color: #f8fafc;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.footer__links li {
  margin-bottom: 0.4rem;
}

.footer__links a:hover {
  color: var(--color-text-white);
  text-decoration: underline;
  text-decoration-color: var(--color-brand);
}

.footer__bottom {
  text-align: center;
  padding-top: 1.25rem;
  border-top: 1px solid var(--color-border-footer);
  font-size: 0.75rem;
  margin-top: 1.5rem;
}