.site-footer .footer-legal {
  justify-self: end;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
}

.site-footer .footer-legal small,
.site-footer .footer-legal a {
  color: #555760;
  font-size: 8px;
  letter-spacing: 0.12em;
}

.site-footer .footer-legal a {
  text-decoration: none;
  transition: color 180ms ease;
}

.site-footer .footer-legal a:hover,
.site-footer .footer-legal a:focus-visible {
  color: #a997ff;
}

@media (max-width: 820px) {
  .site-footer .footer-legal {
    justify-self: start;
    align-items: flex-start;
  }
}