.social-links{
  display:flex;
  align-items:center;
  gap:8px;
}

.social-link{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  color:var(--ink);
  background:#fff;
  transition:background .2s,border-color .2s,color .2s,transform .2s;
}

.social-link:hover,
.social-link:focus-visible{
  color:#071308;
  background:var(--green);
  border-color:var(--green);
  transform:translateY(-2px);
}

.social-link:focus-visible{
  outline:3px solid rgba(79,196,79,.35);
  outline-offset:2px;
}

.social-link svg{
  width:18px;
  height:18px;
  fill:currentColor;
  stroke:none;
}

.social-link svg rect,
.social-link svg circle{
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.social-link svg .icon-dot{
  fill:currentColor;
  stroke:none;
}

.social-link svg .icon-play{
  fill:currentColor;
  stroke:none;
}

.footer-copy p{
  margin:0 0 13px;
}

.social-links-footer{
  justify-content:flex-start;
}

@media(max-width:1160px) and (min-width:901px){
  .site-header nav{
    gap:16px;
    font-size:14px;
  }
  .social-link{
    width:32px;
    height:32px;
    flex-basis:32px;
  }
}

@media(max-width:900px){
  .social-links-header{
    padding-top:16px;
    border-top:1px solid var(--line);
  }
  .social-links-header .social-link{
    width:42px;
    height:42px;
    flex-basis:42px;
  }
}

@media(max-width:620px){
  footer>.footer-copy,
  footer>a,
  footer>.copyright{
    grid-column:1;
  }
}