.e-contact-buttons-var-3 { --e-contact-buttons-size-small: 48px; --e-contact-buttons-size-medium: 56px; --e-contact-buttons-size-large: 64px; --e-contact-buttons-svg-size-small: 24px; --e-contact-buttons-svg-size-medium: 28px; --e-contact-buttons-svg-size-large: 32px; --e-contact-buttons-icon-link-gap: 12px; --e-contact-buttons-icon-link-spacing: 8px; --e-contact-buttons-icon-link-divider-weight: 1px; --e-contact-buttons-send-button-padding-block-end: 8px; --e-contact-buttons-send-button-padding-block-start: 8px; --e-contact-buttons-send-button-padding-inline-end: 16px; --e-contact-buttons-send-button-padding-inline-start: 16px; --e-contact-buttons-chat-box-padding-block-end: 16px; --e-contact-buttons-chat-box-padding-block-start: 16px; --e-contact-buttons-chat-box-padding-inline-end: 16px; --e-contact-buttons-chat-box-padding-inline-start: 16px; --e-contact-buttons-button-bg: #324a6d; --e-contact-buttons-button-bg-hover: #1c2448; --e-contact-buttons-active-button-bg: #f3f5f8; --e-contact-buttons-active-button-color: #1c2448; --e-contact-buttons-close-button-color: #1c2448; --e-contact-buttons-top-bar-title: #1c2448; --e-contact-buttons-icon-link-text-color: #1c2448; --e-contact-buttons-icon-link-text-color-hover: #324a6d; --e-contact-buttons-icon-link-divider-color: #324a6d; --e-contact-buttons-send-button-text: #fff; --e-contact-buttons-send-button-text-hover: #fff; --e-contact-buttons-send-button-bg: #467ff7; --e-contact-buttons-send-button-bg-hover: #324a6d; width: auto; }
.e-contact-buttons-var-3.has-h-alignment-center .e-contact-buttons__content-wrapper { inset-inline-end: 40px; }
.e-contact-buttons-var-3 .e-contact-buttons__chat-buttons-container { display: flex; }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button[aria-expanded="true"], .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"][aria-expanded="true"] { background-color: var(--e-contact-buttons-active-button-bg); color: var(--e-contact-buttons-active-button-color); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button[aria-expanded="true"] svg, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"][aria-expanded="true"] svg { fill: var(--e-contact-buttons-active-button-color); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button.has-size-small, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"].has-size-small, .e-contact-buttons-var-3 .e-contact-buttons__close-button.has-size-small, .e-contact-buttons-var-3 .e-contact-buttons__close-button[type="button"].has-size-small { height: var(--e-contact-buttons-size-small); width: var(--e-contact-buttons-size-small); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button.has-size-small svg, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"].has-size-small svg, .e-contact-buttons-var-3 .e-contact-buttons__close-button.has-size-small svg, .e-contact-buttons-var-3 .e-contact-buttons__close-button[type="button"].has-size-small svg { height: var(--e-contact-buttons-svg-size-small); width: var(--e-contact-buttons-svg-size-small); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button.has-size-small i, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"].has-size-small i, .e-contact-buttons-var-3 .e-contact-buttons__close-button.has-size-small i, .e-contact-buttons-var-3 .e-contact-buttons__close-button[type="button"].has-size-small i { font-size: var(--e-contact-buttons-svg-size-small); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button.has-size-medium, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"].has-size-medium, .e-contact-buttons-var-3 .e-contact-buttons__close-button.has-size-medium, .e-contact-buttons-var-3 .e-contact-buttons__close-button[type="button"].has-size-medium { height: var(--e-contact-buttons-size-medium); width: var(--e-contact-buttons-size-medium); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button.has-size-medium svg, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"].has-size-medium svg, .e-contact-buttons-var-3 .e-contact-buttons__close-button.has-size-medium svg, .e-contact-buttons-var-3 .e-contact-buttons__close-button[type="button"].has-size-medium svg { height: var(--e-contact-buttons-svg-size-medium); width: var(--e-contact-buttons-svg-size-medium); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button.has-size-medium i, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"].has-size-medium i, .e-contact-buttons-var-3 .e-contact-buttons__close-button.has-size-medium i, .e-contact-buttons-var-3 .e-contact-buttons__close-button[type="button"].has-size-medium i { font-size: var(--e-contact-buttons-svg-size-medium); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button.has-size-large, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"].has-size-large, .e-contact-buttons-var-3 .e-contact-buttons__close-button.has-size-large, .e-contact-buttons-var-3 .e-contact-buttons__close-button[type="button"].has-size-large { height: var(--e-contact-buttons-size-large); width: var(--e-contact-buttons-size-large); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button.has-size-large svg, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"].has-size-large svg, .e-contact-buttons-var-3 .e-contact-buttons__close-button.has-size-large svg, .e-contact-buttons-var-3 .e-contact-buttons__close-button[type="button"].has-size-large svg { height: var(--e-contact-buttons-svg-size-large); width: var(--e-contact-buttons-svg-size-large); }
.e-contact-buttons-var-3 .e-contact-buttons__chat-button.has-size-large i, .e-contact-buttons-var-3 .e-contact-buttons__chat-button[type="button"].has-size-large i, .e-contact-buttons-var-3 .e-contact-buttons__close-button.has-size-large i, .e-contact-buttons-var-3 .e-contact-buttons__close-button[type="button"].has-size-large i { font-size: var(--e-contact-buttons-svg-size-large); }
.e-contact-buttons-var-3 .e-contact-buttons__content { background-color: var(--e-contact-buttons-chat-box-bg); padding-block-end: var(--e-contact-buttons-chat-box-padding-block-end); padding-block-start: var(--e-contact-buttons-chat-box-padding-block-start); padding-inline-end: var(--e-contact-buttons-chat-box-padding-inline-end); padding-inline-start: var(--e-contact-buttons-chat-box-padding-inline-start); }
.e-contact-buttons-var-3 .e-contact-buttons__top-bar { background-color: var(--e-contact-buttons-chat-box-bg); padding: 0px 20px 20px 0px; position: relative; }
.e-contact-buttons-var-3 .e-contact-buttons__top-bar .e-contact-buttons__close-button { background: none; border: 0px; color: var(--e-contact-buttons-close-button-color); display: flex; inset-inline-end: 0px; padding: 0px; position: absolute; top: 0px; }
.e-contact-buttons-var-3 .e-contact-buttons__top-bar .e-contact-buttons__close-button:focus, .e-contact-buttons-var-3 .e-contact-buttons__top-bar .e-contact-buttons__close-button:hover { background: none; border: 0px; color: var(--e-contact-buttons-close-button-color); }
.e-contact-buttons-var-3 .e-contact-buttons__top-bar-title { font-size: 18px; font-weight: 600; line-height: 18px; }
.e-contact-buttons-var-3 .e-contact-buttons__links { background-color: var(--e-contact-buttons-chat-box-bg); display: flex; flex-direction: column; padding-block-end: 20px; padding-inline: 16px; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]) { color: var(--e-contact-buttons-icon-link-text-color); display: flex; flex-direction: row; font-size: 16px; font-weight: 500; gap: var(--e-contact-buttons-icon-link-gap); line-height: 24px; margin-block-end: var(--e-contact-buttons-icon-link-spacing); }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:last-of-type, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]):last-of-type { margin-block-end: 0px; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link svg, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]) svg { fill: var(--e-contact-buttons-icon-link-text-color); height: 1em; width: 1em; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:focus, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:hover, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]):focus, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]):hover { color: var(--e-contact-buttons-icon-link-text-color-hover); }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:focus svg, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:hover svg, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]):focus svg, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]):hover svg { fill: var(--e-contact-buttons-icon-link-text-color-hover); }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link.has-icon-position-start .e-contact-buttons__contact-icon-container, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]).has-icon-position-start .e-contact-buttons__contact-icon-container { order: 1; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link.has-icon-position-start .e-contact-buttons__contact-tooltip, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]).has-icon-position-start .e-contact-buttons__contact-tooltip { order: 2; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link.has-icon-position-end .e-contact-buttons__contact-icon-container, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]).has-icon-position-end .e-contact-buttons__contact-icon-container { display: flex; flex-grow: 1; justify-content: flex-end; order: 2; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link.has-icon-position-end .e-contact-buttons__contact-tooltip, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]).has-icon-position-end .e-contact-buttons__contact-tooltip { order: 1; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link.has-dividers, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]).has-dividers { padding-block-end: var(--e-contact-buttons-icon-link-spacing); position: relative; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link.has-dividers::after, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]).has-dividers::after { background-color: var(--e-contact-buttons-icon-link-divider-color); bottom: 0px; content: ""; display: block; height: var(--e-contact-buttons-icon-link-divider-weight); left: 0px; position: absolute; width: 100%; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link.has-dividers:last-of-type, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]).has-dividers:last-of-type { padding-block-end: 0px; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link.has-dividers:last-of-type::after, .e-contact-buttons-var-3 .e-contact-buttons__contact-icon-link:not([href]):not([tabindex]).has-dividers:last-of-type::after { display: none; }
.e-contact-buttons-var-3 .e-contact-buttons__contact-icon-container { align-items: center; display: flex; }
.e-contact-buttons-var-3 .e-contact-buttons__cta-button { background-color: var(--e-contact-buttons-send-button-bg); border-radius: 5px; color: var(--e-contact-buttons-send-button-text); display: flex; font-size: 16px; font-weight: 500; justify-content: center; line-height: 24px; padding-block-end: var(--e-contact-buttons-send-button-padding-block-end); padding-block-start: var(--e-contact-buttons-send-button-padding-block-start); padding-inline-end: var(--e-contact-buttons-send-button-padding-inline-end); padding-inline-start: var(--e-contact-buttons-send-button-padding-inline-start); }
.e-contact-buttons-var-3 .e-contact-buttons__cta-button:focus, .e-contact-buttons-var-3 .e-contact-buttons__cta-button:hover { background-color: var(--e-contact-buttons-send-button-bg-hover); color: var(--e-contact-buttons-send-button-text-hover); }