.legal-link {
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: currentColor;
  text-underline-offset: 3px;
}

.legal-link:hover {
  color: #7557ff;
}

.legal-link:focus-visible {
  outline: 2px solid #7557ff;
  outline-offset: 3px;
}

.footer-legal-nav {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 18px;
}

.footer-legal-nav a {
  color: #7557ff;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

@media (max-width: 620px) {
  .footer-legal-nav {
    gap: 12px;
  }

  .footer-legal-nav a {
    font-size: 9px;
  }
}