.elementor-2320 .elementor-element.elementor-element-58e0a6a9{--display:flex;}.elementor-2320 .elementor-element.elementor-element-70d6440d .e-contact-buttons{--e-contact-buttons-button-icon:#FFFFFF;--e-contact-buttons-button-bg:var( --e-global-color-2547e512 );--e-contact-buttons-button-icon-hover:var( --e-global-color-2547e512 );--e-contact-buttons-button-bg-hover:var( --e-global-color-5b93b5bf );--e-contact-buttons-active-button-color:var( --e-global-color-67aa6a7 );--e-contact-buttons-active-button-bg:var( --e-global-color-2f7a05c2 );--e-contact-buttons-contact-button-icon:#FFFFFF;--e-contact-buttons-contact-button-bg:var( --e-global-color-2547e512 );--e-contact-buttons-contact-button-icon-hover:#FFFFFF;--e-contact-buttons-contact-button-bg-hover:var( --e-global-color-accent );--e-contact-buttons-horizontal-offset:30px;--e-contact-buttons-vertical-offset:30px;}/* Start custom CSS for contact-buttons-var-4, class: .elementor-element-70d6440d *//* 1. Ховаємо старий SVG (глобус) ТІЛЬКИ у другій кнопці (Telegram) */
.elementor-element-70d6440d .e-contact-buttons__contact-links a:nth-child(2) svg {
    display: none !important;
}

/* 2. Малюємо іконку Telegram через CSS-маску */
.elementor-element-70d6440d .e-contact-buttons__contact-links a:nth-child(2) .e-contact-buttons__contact-icon-container::before {
    content: "";
    display: block;
    width: 22px; /* Розмір іконки - можна підігнати */
    height: 22px;
    background-color: #ffffff; /* Колір іконки (зараз білий, щоб контрастувало з фоном кнопки) */
    
    /* URL-кодований вектор літачка Telegram */
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L402.3 64.1c17.8-6.9 33.3 3.7 27.6 34.5z'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L402.3 64.1c17.8-6.9 33.3 3.7 27.6 34.5z'/%3E%3C/svg%3E") no-repeat center;
    
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Опціонально: якщо хочеш, щоб іконка змінювала колір при наведенні */
.elementor-element-70d6440d .e-contact-buttons__contact-links a:nth-child(2):hover .e-contact-buttons__contact-icon-container::before {
    background-color: #24A1DE !important; /* Наприклад, стає блакитною */
}/* End custom CSS */