footer {
  align-items: center;
  gap: 20px;
}

footer strong,
footer span {
  display: block;
}

footer strong {
  color: var(--ink);
  margin-bottom: 4px;
}

.footer-contact {
  display: flex;
  gap: 16px;
}

.footer-contact a {
  color: var(--muted);
  text-decoration: none;
}

.footer-contact a:hover {
  color: var(--blue);
}

@media (max-width: 800px) {
  footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .footer-contact {
    flex-direction: column;
    gap: 6px;
  }
}