.brand {
  gap: 9px;
  justify-content: flex-start;
  width: auto;
  min-width: 158px;
  overflow: visible;
  padding: 0 15px 0 10px;
  color: var(--ink);
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
}

.brand-icon {
  width: 28px;
  height: 28px;
  flex: 0 0 auto;
  object-fit: contain;
  transform-origin: 50% 50%;
  will-change: transform;
}

.footer .brand {
  color: var(--white);
}

.footer .brand-icon {
  filter: invert(1);
}