.elementor-5398 .elementor-element.elementor-element-c7c8785{--display:flex;}.elementor-5398 .elementor-element.elementor-element-47be586a .e-contact-buttons{--e-contact-buttons-button-icon:var( --e-global-color-text );--e-contact-buttons-button-bg:var( --e-global-color-accent );--e-contact-buttons-button-icon-hover:var( --e-global-color-text );--e-contact-buttons-button-bg-hover:var( --e-global-color-accent );--e-contact-buttons-active-button-color:var( --e-global-color-text );--e-contact-buttons-active-button-bg:var( --e-global-color-accent );--e-contact-buttons-contact-button-bg:var( --e-global-color-accent );--e-contact-buttons-contact-button-icon-hover:var( --e-global-color-accent );--e-contact-buttons-contact-gap:5px;}/* Start custom CSS for contact-buttons-var-4, class: .elementor-element-47be586a *//* 1) Ховаємо штатний SVG саме в кнопці Telegram */
.e-contact-buttons__contact-icon-link[href*="t.me"] .e-font-icon-svg {
  display: none !important;
}

/* 2) Контейнер для нової іконки */
.e-contact-buttons__contact-icon-link[href*="t.me"] .e-contact-buttons__contact-icon-container {
  position: relative;
}

/* 3) Звичайний стан — білий */
.e-contact-buttons__contact-icon-link[href*="t.me"] .e-contact-buttons__contact-icon-container::after {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 24px;
  height: 24px;
  display: block;
  background: no-repeat center / contain
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512' fill='%23ffffff'><path d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8Zm124.2 166.6-35.2 158.1c-2.6 11.6-9.6 14.5-19.4 9l-54-39.8-26 25c-2.9 2.9-5.3 5.3-10.9 5.3l3.9-55.6 101.2-91.5c4.4-3.9-1-6.1-6.8-2.2L199.2 289.3l-55.3-17.3c-12-3.7-12.2-12-2.5-16.9l215.6-83.2c9.9-3.7 18.6 2.2 15.2 16.7Z'/></svg>");
  transition: background-image 0.3s ease;
  z-index: 1;
}

/* 4) При наведенні — жовтий */
.e-contact-buttons__contact-icon-link[href*="t.me"]:hover .e-contact-buttons__contact-icon-container::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512' fill='%23FFD700'><path d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8Zm124.2 166.6-35.2 158.1c-2.6 11.6-9.6 14.5-19.4 9l-54-39.8-26 25c-2.9 2.9-5.3 5.3-10.9 5.3l3.9-55.6 101.2-91.5c4.4-3.9-1-6.1-6.8-2.2L199.2 289.3l-55.3-17.3c-12-3.7-12.2-12-2.5-16.9l215.6-83.2c9.9-3.7 18.6 2.2 15.2 16.7Z'/></svg>");
}

/* 5) Активна кнопка Telegram — теж жовта */
.e-contact-buttons__contact-icon-link[href*="t.me"].active .e-contact-buttons__contact-icon-container::after,
.e-contact-buttons__contact-icon-link[href*="t.me"][aria-expanded="true"] .e-contact-buttons__contact-icon-container::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 496 512' fill='%23FFD700'><path d='M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8Zm124.2 166.6-35.2 158.1c-2.6 11.6-9.6 14.5-19.4 9l-54-39.8-26 25c-2.9 2.9-5.3 5.3-10.9 5.3l3.9-55.6 101.2-91.5c4.4-3.9-1-6.1-6.8-2.2L199.2 289.3l-55.3-17.3c-12-3.7-12.2-12-2.5-16.9l215.6-83.2c9.9-3.7 18.6 2.2 15.2 16.7Z'/></svg>");
}


/* тільки мобільні, щоб не ламати доступність на десктопі */
@media (max-width: 768px) {
  /* прибираємо focus-рамку з усього вікна лінків */
  #e-contact-buttons__content-wrapper,
  #e-contact-buttons__content-wrapper:focus,
  #e-contact-buttons__content-wrapper:focus-visible,
  #e-contact-buttons__content-wrapper:focus-within {
    outline: none !important;
    box-shadow: none !important;
  }

  /* і з самих кнопок/лінків */
  .e-contact-buttons__contact-icon-link,
  .e-contact-buttons__chat-button,
  .e-contact-buttons__close-button {
    outline: none !important;
    box-shadow: none !important;
    -webkit-tap-highlight-color: transparent !important; /* iOS/Android */
    -webkit-focus-ring-color: transparent !important;    /* Safari */
  }
}/* End custom CSS */