.site-footer {
  padding-block: var(--space-md);
  border-top: 1px solid rgba(148, 163, 184, 0.25);
  background: linear-gradient(to top, rgba(15, 23, 42, 0.02), transparent);
}

.site-footer__inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-md);
}

.site-footer__nav {
  display: flex;
  gap: var(--space-sm);
  flex-wrap: wrap;
}

.site-footer__nav a {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
}

@media (max-width: 768px) {
  .site-footer__inner {
    flex-direction: column;
  }
}