.legal-footer {
  display: block;
  padding: 70px clamp(24px, 6vw, 90px) calc(32px + env(safe-area-inset-bottom));
  background: #0d042c;
  color: #fff;
}
.legal-footer__logo {
  display: block;
  width: 160px;
  aspect-ratio: 1416 / 436;
  background: linear-gradient(110deg, #d6a72d 15%, #ffe76b 42%, #fff1aa 50%, #ffe76b 58%, #d6a72d 85%);
  mask: url('svgs/logo.svg') center / contain no-repeat;
  -webkit-mask: url('svgs/logo.svg') center / contain no-repeat;
}
.legal-footer > p {
  max-width: 430px;
  margin: 16px 0 0;
  color: rgba(255,255,255,.55);
  font-size: 1rem;
}
.legal-footer__links {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 26px;
  margin-top: 35px;
  padding: 36px 0;
  border-top: 1px solid rgba(255,255,255,.12);
}
.legal-footer__links a {
  min-width: 0;
  padding: 0;
  color: rgba(255,255,255,.68);
  font-size: .875rem;
  overflow-wrap: anywhere;
}
.legal-footer > small {
  display: block;
  color: rgba(255,255,255,.4);
  font-size: .8125rem;
  line-height: 1.55;
}
@media (max-width: 600px) {
  .legal-footer { display: block; padding-inline: 24px; }
  .legal-footer__links { display: grid; grid-template-columns: 1fr; gap: 14px; padding: 28px 0; }
  .legal-footer__links a { display: block; padding: 5px 0; font-size: .9375rem; }
  .legal-footer > small { font-size: .875rem; }
}