.social {
  align-items: center;
  gap: 22px;
}

.social a {
  width: 30px;
  height: 30px;
  border: 0;
  border-radius: 0;
  display: grid;
  place-items: center;
  font-size: 0;
  transition: transform 0.2s ease, filter 0.2s ease;
}

.social a:hover,
.social a:focus-visible {
  transform: translateY(-3px) scale(1.06);
  filter: brightness(1.05);
}

.brand-icon {
  position: relative;
  display: block;
  width: 24px;
  height: 24px;
  overflow: hidden;
}

.brand-icon img {
  position: absolute;
  width: auto;
  height: auto;
  max-width: none;
  mix-blend-mode: multiply;
}

.brand-icon.instagram,
.brand-icon.vk { border-radius: 6px; }

.brand-icon.telegram,
.brand-icon.promodj { border-radius: 50%; }

.brand-icon.instagram img { left: -25px; top: -10px; }
.brand-icon.vk img { left: -16px; top: -17px; }
.brand-icon.telegram img { left: -22px; top: -14px; }
.brand-icon.promodj img { left: -11px; top: -11px; }