.official-social {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto 56px;
  padding: 24px;
  border: 1px solid #c8d3d8;
  background: #fff;
  box-shadow: 0 16px 42px rgb(8 41 90 / .08);
}
.official-social__links {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 34px;
}
.official-social__link {
  display: inline-flex;
  min-width: 64px;
  min-height: 64px;
  align-items: center;
  justify-content: center;
  padding: 10px;
  border: 1px solid #d6dee2;
  border-radius: 10px;
  background: #fff;
}
.official-social__link:focus-visible { outline: 4px solid #ff9d24; outline-offset: 3px; }
.official-social__link img { display: block; width: auto; height: 36px; object-fit: contain; }
.official-social__link--line img { height: 40px; }
@media (max-width: 700px) {
  .official-social { width: 100%; margin: 0; padding: 20px 16px 28px; box-shadow: none; }
  .official-social__links { gap: 18px; }
  .official-social__link { min-width: 58px; min-height: 58px; }
  .official-social__link img { height: 32px; }
  .official-social__link--line img { height: 36px; }
}