#main-footer,
#legal-footer {
  --px: 20px;
  --py: 64px;

  @media (width >= 1024px) {
    --py: 80px;
  }
}

.footer__inner {
  padding-inline: var(--px);
  padding-block: var(--py);
}

.legal-footer__inner {
  padding-inline: var(--px);
  padding-bottom: var(--py);
}

.footer__link {
  width: 100%;
  max-width: var(--_logo-max-w);
  margin-inline: auto;

  @media (width >= 1024px) {
    width: var(--_logo-w-lg);
    max-width: 100%;
    margin-inline: unset;
  }
}