.footer-social {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.footer-social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 44px;
  padding: 9px 15px;
  border: 1px solid currentColor;
  border-radius: 24px;
  color: var(--ink, #173f37);
  font-size: 13px;
  line-height: 1.4;
  text-decoration: none;
}
.footer-social svg {
  width: 21px;
  height: 21px;
  flex: none;
}
.footer-social a:hover {
  color: var(--plum, #713050);
  background: #e4e7cc;
}
.footer-social a:focus-visible {
  outline: 3px solid #c78930;
  outline-offset: 4px;
}
@media (prefers-reduced-motion: no-preference) {
  .footer-social a { transition: background-color .15s, color .15s; }
}