.social-heading{
  margin:18px 0 10px;
  color:var(--gold-soft,#D9BE8C);
  font-size:12px;
  font-weight:700;
  letter-spacing:.14em;
  line-height:1.4;
  text-transform:uppercase;
}
.social-links{
  display:flex;
  align-items:center;
  gap:9px;
  flex-wrap:wrap;
}
.social-links a{
  width:38px;
  height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 38px;
  color:var(--gold-soft,#D9BE8C);
  background:transparent;
  border:1px solid rgba(217,190,140,.48);
  border-radius:50%;
  line-height:1;
  text-decoration:none;
  transition:background .2s,border-color .2s,color .2s,transform .2s;
}
.social-links a:hover{
  color:var(--bone,#F5F4EE);
  background:rgba(217,190,140,.12);
  border-color:var(--gold-soft,#D9BE8C);
  transform:translateY(-1px);
}
.social-links a:focus-visible{
  outline:3px solid var(--gold,#B98A3D);
  outline-offset:3px;
}
.social-links svg{
  width:19px;
  height:19px;
  display:block;
}
.preview-footer .social-heading,
footer:not(.site) .social-heading{
  margin-top:14px;
}
.preview-footer .social-links,
footer:not(.site) .social-links{
  justify-content:center;
}
@media(max-width:720px){
  footer.site .social-links{gap:10px}
}