/* === Контакты: #rec1210550351 === */

/* Базовый контейнер ссылок — круглая кнопка */
#rec1210550351 a[href*="t.me"],
#rec1210550351 a[href^="mailto:"],
#rec1210550351 a[href^="tel:"] {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  text-decoration: none !important;
  overflow: hidden !important;
}

/* Круглый фон */
#rec1210550351 a[href*="t.me"]::before,
#rec1210550351 a[href^="mailto:"]::before,
#rec1210550351 a[href^="tel:"]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #a59a7d;
  z-index: 0;
}

/* Прячем штатные иконки (SVG и IMG) */
#rec1210550351 a[href*="t.me"] svg,
#rec1210550351 a[href^="mailto:"] svg,
#rec1210550351 a[href^="tel:"] svg,
#rec1210550351 a[href*="t.me"] img,
#rec1210550351 a[href^="mailto:"] img,
#rec1210550351 a[href^="tel:"] img {
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
}

/* Общие параметры для вставляемых значков */
#rec1210550351 a[href*="t.me"]::after,
#rec1210550351 a[href^="mailto:"]::after,
#rec1210550351 a[href^="tel:"]::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 42px;              /* Размер области под значок */
  height: 42px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 38px 38px;
  z-index: 2;
}

/* Телеграм — белый самолётик с выравниванием */
#rec1210550351 a[href*="t.me"]::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath transform='translate(-2.0,0.8)' d='M22 3 2.9 10.6c-.9.4-.9 1.7.1 2l5.1 1.6 1.8 5.3c.3.9 1.5 1.1 2.1.4l3-3.4 4.9 3.5c.7.5 1.8.1 2-.8L24 4.4C24 3.5 23 2.8 22 3zM8.5 13.4l10.5-6.4-8.1 8.2-.7 3.1-1.7-5z' fill='%23fff'/%3E%3C/svg%3E");
}

/* Почта — белый конверт с выравниванием и увеличенным размером */
#rec1210550351 a[href^='mailto:']::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0,0.5)'%3E%3Crect x='3' y='6' width='18' height='12' rx='2' ry='2' fill='none' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='M4 8l8 5 8-5' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 42px 42px; /* Увеличили только конверт */
}

/* Телефон — белая трубка с выравниванием */
#rec1210550351 a[href^='tel:']::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0.3,1.2)'%3E%3Cpath d='M7 3l3 3-2 2c2.6 3.4 5.6 5.4 8.9 7l2-2 3 3-1.1 2c-1 1.8-3.4 1.9-5.5 1.2C13 18.5 9.5 16 7 13 4 10 2 6.7 3 5c.5-1.1 2-2 2-2z' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E");
}

/* Hover-эффект: фон чуть темнее */
#rec1210550351 a[href*="t.me"]:hover::before,
#rec1210550351 a[href^="mailto:"]:hover::before,
#rec1210550351 a[href^="tel:"]:hover::before {
  filter: brightness(0.9);
}