.footer-ecosystem {
  grid-column: 1 / -1;
  padding-top: 28px;
  border-top: 1px solid var(--line-light);
}

.footer-ecosystem > p {
  margin: 0 0 16px;
  color: var(--grey-500);
  font-size: 12px;
}

.footer-ecosystem-brands {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 32px;
}

.footer-ecosystem-brands a {
  display: inline-flex;
  align-items: center;
  min-height: 48px;
  gap: 12px;
  color: var(--white);
  font-size: 14px;
}

.footer-ecosystem-brands img,
.footer-ecosystem-brands .brand-mask {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.footer-ecosystem-brands a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 5px;
}