.social-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  max-width:100%;
}
footer nav.social-links{
  order:5;
}
.social-links a{
  width:44px;
  height:44px;
  display:inline-grid;
  place-items:center;
  flex:0 0 44px;
  box-sizing:border-box;
  border:1px solid transparent;
  border-radius:999px;
  color:var(--dl-ink-2);
  text-decoration:none;
}
footer .social-links a:hover{
  color:var(--dl-cobalt-deep);
  border-color:var(--dl-line);
  background:var(--dl-cobalt-soft);
}
.social-links a:focus-visible{
  outline:3px solid var(--dl-cobalt);
  outline-offset:2px;
}
.social-links svg{
  display:block;
  width:20px;
  height:20px;
  fill:currentColor;
  stroke:none;
}
.social-links .social-icon-instagram{
  fill:none;
  stroke:currentColor;
  stroke-width:2;
}
.social-links .social-icon-dot{
  fill:currentColor;
  stroke:none;
}