.social-row{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  padding-top: 6px;
}
.social-icon{
  width: 54px;
  height: 54px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition: .15s ease;
}
.social-icon:hover{
  border-color: rgba(122,167,255,.45);
  background: rgba(122,167,255,.10);
  transform: translateY(-1px);
}
.social-icon img{
  width: 26px;
  height: 26px;
  display:block;
  object-fit: contain;
  opacity: .95;
}

@media (max-width: 860px){
  .social-icon{ width: 56px; height: 56px; }
  .social-icon img{ width: 28px; height: 28px; }
}