.social-section {
  padding: 120px 0;
  background: #f0f1f2;
  color: #101214;
}

.social-layout {
  display: grid;
  grid-template-columns: .8fr 1.2fr;
  gap: 70px;
  align-items: start;
}

.social-links {
  display: grid;
  gap: 2px;
}

.social-links a {
  display: block;
  padding: 34px;
  background: #fff;
  border-left: 5px solid #151719;
  transition: .2s;
}

.social-links a:hover,
.social-links a:focus-visible {
  transform: translateX(8px);
  border-color: var(--red);
}

.social-links span {
  color: var(--red);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .18em;
}

.social-links h3 {
  margin: 8px 0;
  font-size: 25px;
  line-height: 1.35;
}

.social-links p {
  margin: 0 0 20px;
  color: #666;
}

.social-links b {
  font-size: 14px;
}

@media (max-width: 800px) {
  .social-section { padding: 90px 0; }
  .social-layout { grid-template-columns: 1fr; gap: 20px; }
  .social-links h3 { font-size: 20px; }
}