.footer--social{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  flex-wrap:wrap;
}
.footer__dot{
  opacity:.7;
}
.footer__instagram{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:inherit;
  text-decoration:none;
  font-weight:800;
  transition:opacity .2s ease, transform .2s ease, color .2s ease;
}
.footer__instagram:hover{
  color:var(--accent);
  transform:translateY(-1px);
}
.footer__instagram-icon{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}