.socials-2--mobile-menu {
  margin-inline: auto;
}

.socials-2__list {
  display: grid;
  grid-auto-flow: column;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.socials-2__item {
  width: 32px;
  height: 32px;
  background-color: #d7d7d7;
  border-radius: 50%;
  transition: background-color 250ms ease-in-out;
}

.socials-2__item--telegram:hover,
.socials-2__item--telegram:focus-visible,
  .socials-2--navbar .socials-2__item--telegram,
  .socials-2--mobile-menu .socials-2__item--telegram {
  background-color: #3390ec;
}

.socials-2__item--youtube:hover,
.socials-2__item--youtube:focus-visible,
  .socials-2--mobile-menu .socials-2__item--youtube {
  background-color: #d4140e;
}

.socials-2__item--whatsapp:hover,
.socials-2__item--whatsapp:focus-visible,
  .socials-2--mobile-menu .socials-2__item--whatsapp {
  background-color: #4caf50;
}

.socials-2__item--max {
  position: relative;
  background-color: #3390ec;
}

.socials-2__item--max::before {
  content: '';
  background: #3390ec;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}

.socials-2__item--max:hover::before,
.socials-2__item--max:focus-visible::before,
.socials-2--mobile-menu .socials-2__item--max::before {
  opacity: 1;
}

.socials-2__link {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  z-index: 2;
}

.socials-2__link--telegram {
  background-size: 16px 14px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.315874 8.17206L4.46402 9.75321L6.07008 15.0243C6.17277 15.3612 6.57681 15.4866 6.84617 15.2632L9.15762 13.3383C9.40004 13.1372 9.74516 13.1269 9.99768 13.3143L14.1677 16.4044C14.4556 16.6175 14.8613 16.4559 14.9337 16.1019L17.9893 1.10153C18.0684 0.714835 17.6963 0.391729 17.3344 0.534377L0.312508 7.23711C-0.106684 7.4021 -0.103317 8.0105 0.317558 8.17034L0.315874 8.17206ZM5.81082 8.91108L13.9169 3.81356C14.0633 3.72247 14.2132 3.92355 14.0869 4.04214L7.39668 10.3908C7.16099 10.6143 7.00947 10.9133 6.96738 11.2381L6.74011 12.9619C6.70981 13.1922 6.39331 13.2146 6.33102 12.9929L5.45392 9.84946C5.35291 9.49026 5.49937 9.107 5.81082 8.91108Z' fill='%23FEFEFE'/%3E%3C/svg%3E%0A");
}

.socials-2__link--whatsapp {
  background-size: 16px 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.49762 0H9.50238C14.7404 0 19 4.26194 19 9.5C19 14.7381 14.7404 19 9.50238 19C7.57031 19 5.77836 18.4253 4.27619 17.4301L0.624626 18.5974L1.80856 15.0682C0.669737 13.5042 0 11.5781 0 9.5C0 4.26075 4.25958 0 9.49762 0ZM13.1658 14.7559C13.8914 14.5991 14.801 14.0624 15.0302 13.4152C15.2594 12.7668 15.2594 12.2146 15.1929 12.0971C15.1391 12.0038 15.0122 11.9426 14.8225 11.8513C14.7732 11.8276 14.7197 11.8018 14.6621 11.7729C14.383 11.6339 13.0257 10.963 12.7692 10.8739C12.5174 10.7789 12.2775 10.8122 12.0876 11.0806C12.0514 11.1312 12.0153 11.182 11.9794 11.2325C11.7502 11.5548 11.5292 11.8657 11.3454 12.0638C11.1779 12.2419 10.9048 12.2645 10.6756 12.1695C10.6506 12.1591 10.622 12.1475 10.5899 12.1345C10.2271 11.988 9.42216 11.6629 8.44786 10.7956C7.62612 10.0641 7.068 9.15324 6.90649 8.88013C6.74793 8.60611 6.88475 8.44544 7.01118 8.29696L7.01814 8.28876C7.09966 8.18788 7.17878 8.10389 7.25828 8.01948C7.31542 7.9588 7.37276 7.8979 7.43138 7.83037L7.45678 7.80113C7.58127 7.658 7.6554 7.57276 7.73893 7.39456C7.83393 7.2105 7.76624 7.0205 7.69857 6.88037C7.65204 6.78236 7.36496 6.08587 7.11819 5.48713C7.01219 5.22991 6.91362 4.99075 6.84474 4.82481C6.6607 4.38425 6.52055 4.36763 6.24151 4.35576C6.1465 4.351 6.04083 4.34506 5.92324 4.34506C5.55988 4.34506 5.18105 4.45194 4.95187 4.68587L4.92682 4.7114C4.6336 5.00961 3.9805 5.67386 3.9805 6.99794C3.9805 8.32472 4.92195 9.60875 5.09604 9.84619L5.10863 9.86338C5.11909 9.87715 5.13884 9.90575 5.16757 9.94739C5.52321 10.4624 7.25543 12.9709 9.83845 14.041C12.0211 14.9459 12.6694 14.8616 13.1658 14.7559Z' fill='white'/%3E%3C/svg%3E%0A");
}

.socials-2__link--youtube {
  background-size: 16px 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='13' viewBox='0 0 19 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.2619 1.11446C17.579 0.32004 16.3106 0 13.89 0H5.1097C2.63412 0 1.34759 0.3438 0.664577 1.18553C5.96046e-07 2.00955 0 3.21884 0 4.89647V8.09759C0 11.3461 0.792704 13 5.1097 13H13.89C15.9874 13 17.1521 12.7155 17.902 12.016C18.6703 11.2987 18.9996 10.125 18.9996 8.09759V4.89647C19.0057 3.12995 18.9509 1.90877 18.2619 1.11446ZM12.201 6.94166L8.21321 8.96902C8.12185 9.01644 8.02426 9.03426 7.92667 9.03426C7.81686 9.03426 7.70718 9.00456 7.60959 8.94526C7.42674 8.83855 7.31693 8.64294 7.31693 8.43545V4.39854C7.31693 4.19105 7.42674 3.99544 7.60959 3.88872C7.79255 3.78201 8.01815 3.77607 8.21321 3.8709L12.201 5.88649C12.4022 5.98727 12.5302 6.19476 12.5302 6.41402C12.5302 6.63339 12.4022 6.84088 12.201 6.94166Z' fill='white'/%3E%3C/svg%3E%0A");
}

.socials-2__link--max {
  background-size: 16px 16px;
  background-image: url("/icons/max_icon_nobg.png");
}