.e-contact-buttons-var-1 { --e-contact-buttons-button-bg: #324a6d; --e-contact-buttons-button-bg-hover: #1c2448; --e-contact-buttons-top-bar-bg: #324a6d; --e-contact-buttons-message-bubble-name: #1c2448; --e-contact-buttons-message-bubble-body: #1c2448; --e-contact-buttons-message-bubble-time: #1c2448; --e-contact-buttons-message-bubble-bubble-bg: #c8d5dc; --e-contact-buttons-message-bubble-chat-bg: #fff; --e-contact-buttons-contact-text: #1c2448; --e-contact-buttons-var-1-size-small: 26px; --e-contact-buttons-var-1-size-medium: 28px; --e-contact-buttons-var-1-size-large: 32px; }
.e-contact-buttons-var-1 .e-contact-buttons__contact { align-items: center; background-color: var(--e-contact-buttons-chat-box-bg); display: flex; flex-direction: column; gap: 20px; justify-content: center; padding: 0px 20px 20px; }
.e-contact-buttons-var-1 .e-contact-buttons__message-bubble { background-color: var(--e-contact-buttons-chat-box-bg); padding: 20px; padding-inline-start: 40px; }
.e-contact-buttons-var-1 .e-contact-buttons__contact-text { color: var(--e-contact-buttons-contact-text); font-size: 20px; font-weight: 400; line-height: 25px; margin-bottom: 0px; }
.e-contact-buttons-var-1 .e-contact-buttons__contact-links { display: flex; gap: 12px; }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link { align-items: center; background-color: var(--e-contact-buttons-contact-button-bg); border-radius: 50px; color: var(--e-contact-buttons-contact-button-icon); display: inline-flex; justify-content: center; transition: 0.3s; }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link svg { fill: var(--e-contact-buttons-contact-button-icon); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link:focus, .e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link:hover { background-color: var(--e-contact-buttons-contact-button-bg-hover); color: var(--e-contact-buttons-contact-button-icon-hover); transition: 0.3s; }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link:focus svg, .e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link:hover svg { fill: var(--e-contact-buttons-contact-button-icon-hover); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link.has-size-small { height: var(--e-contact-buttons-icon-size-small); width: var(--e-contact-buttons-icon-size-small); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link.has-size-small svg { height: var(--e-contact-buttons-var-1-size-small); width: var(--e-contact-buttons-var-1-size-small); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link.has-size-small i { font-size: var(--e-contact-buttons-var-1-size-small); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link.has-size-medium { height: var(--e-contact-buttons-icon-size-medium); width: var(--e-contact-buttons-icon-size-medium); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link.has-size-medium svg { height: var(--e-contact-buttons-var-1-size-medium); width: var(--e-contact-buttons-var-1-size-medium); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link.has-size-medium i { font-size: var(--e-contact-buttons-var-1-size-medium); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link.has-size-large { height: var(--e-contact-buttons-icon-size-large); width: var(--e-contact-buttons-icon-size-large); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link.has-size-large svg { height: var(--e-contact-buttons-var-1-size-large); width: var(--e-contact-buttons-var-1-size-large); }
.e-contact-buttons-var-1 .e-contact-buttons__contact-icon-link.has-size-large i { font-size: var(--e-contact-buttons-var-1-size-large); }