/* Shared by the Big Sky AI homepage and About page. */
footer {
  flex-wrap: wrap;
}

footer .social-links {
  width: 100%;
  justify-content: center;
  gap: 8px;
}

footer .social-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid var(--line);
  border-radius: 50%;
  color: var(--teal-dark);
  background: var(--cream);
}

footer .social-links a:hover,
footer .social-links a:focus-visible {
  color: var(--white);
  background: var(--teal-dark);
}

footer .social-links a:focus-visible {
  outline: 3px solid var(--teal);
  outline-offset: 3px;
}

.social-links svg {
  display: block;
  fill: currentColor;
}