/* It's Done footer "Follow us" social icon row.
   Selectors are scoped under .site-footer so they out-specify the generic
   .site-footer__col ul / li / a rules in style.css. The "Follow us" label
   reuses the theme's existing .site-footer__subhead style (set in the pattern). */
.site-footer .site-footer__social {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  margin: 0;
  padding: 0;
}

.site-footer .site-footer__social li { margin: 0; }

.site-footer .site-footer__social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.12);
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
  transition: background .15s ease, color .15s ease, transform .15s ease;
}

.site-footer .site-footer__social a:hover,
.site-footer .site-footer__social a:focus-visible {
  background: #9ED151; /* brand lime */
  color: #08301f;      /* footer forest green */
  transform: translateY(-1px);
}

.site-footer .site-footer__social svg {
  width: 1.05rem;
  height: 1.05rem;
  fill: currentColor;
}