.e-contact-buttons-var-8 { --e-contact-buttons-size-small: 48px; --e-contact-buttons-size-medium: 56px; --e-contact-buttons-size-large: 64px; --e-contact-buttons-svg-size-small: 22px; --e-contact-buttons-svg-size-medium: 28px; --e-contact-buttons-svg-size-large: 36px; --e-contact-buttons-chat-box-width: 280px; --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: #324a6d; --e-contact-buttons-top-bar-bg: #324a6d; --e-contact-buttons-contact-button-bg: #c8d5dc; --e-contact-buttons-contact-button-icon: #324a6d; }
.e-contact-buttons-var-8 .has-colors-type-default.has-platform-email, .e-contact-buttons-var-8 .has-colors-type-default.has-platform-phone, .e-contact-buttons-var-8 .has-colors-type-default.has-platform-sms, .e-contact-buttons-var-8 .has-colors-type-default.has-platform-url { --e-contact-buttons-contact-button-icon: #467ff7; }
.e-contact-buttons-var-8 .has-colors-type-default.has-platform-whatsapp { --e-contact-buttons-contact-button-icon: #25d366; }
.e-contact-buttons-var-8 .has-colors-type-default.has-platform-skype { --e-contact-buttons-contact-button-icon: #00aff0; }
.e-contact-buttons-var-8 .has-colors-type-default.has-platform-messenger { --e-contact-buttons-contact-button-icon: #168aff; }
.e-contact-buttons-var-8 .has-colors-type-default.has-platform-viber { --e-contact-buttons-contact-button-icon: #7360f2; }
.e-contact-buttons-var-8 .has-colors-type-default.has-platform-waze { --e-contact-buttons-contact-button-icon: #3cf; }
.e-contact-buttons-var-8 .has-size-small.e-contact-buttons__close-button { align-items: center; display: flex; height: var(--e-contact-buttons-size-small); justify-content: center; width: var(--e-contact-buttons-size-small); }
.e-contact-buttons-var-8 .has-size-small.e-contact-buttons__close-button .eicon-close { font-size: 24px; }
.e-contact-buttons-var-8 .has-size-medium.e-contact-buttons__close-button { height: var(--e-contact-buttons-size-medium); width: var(--e-contact-buttons-size-medium); }
.e-contact-buttons-var-8 .has-size-medium.e-contact-buttons__close-button .eicon-close { font-size: 28px; }
.e-contact-buttons-var-8 .has-size-large.e-contact-buttons__close-button { height: var(--e-contact-buttons-size-large); width: var(--e-contact-buttons-size-large); }
.e-contact-buttons-var-8 .has-size-large.e-contact-buttons__close-button .eicon-close { font-size: 32px; }
.e-contact-buttons-var-8 .e-contact-buttons__chat-buttons-container { display: flex; }
.e-contact-buttons-var-8 .e-contact-buttons__close-button { border-radius: 50%; inset-inline: unset; position: relative; top: unset; }
.e-contact-buttons-var-8 .e-contact-buttons__close-button, .e-contact-buttons-var-8 .e-contact-buttons__close-button:focus, .e-contact-buttons-var-8 .e-contact-buttons__close-button:hover { background-color: var(--e-contact-buttons-active-button-bg); color: var(--e-contact-buttons-active-button-color); }
.e-contact-buttons-var-8 .e-contact-buttons__chat-button[aria-expanded="true"], .e-contact-buttons-var-8 .e-contact-buttons__chat-button[type="button"][aria-expanded="true"], .e-contact-buttons-var-8 .e-contact-buttons__close-button[aria-expanded="false"] { display: none; }
.e-contact-buttons-var-8 .e-contact-buttons__top-bar-title { font-size: 16px; font-weight: 600; line-height: 24px; }
.e-contact-buttons-var-8 .e-contact-buttons__top-bar-subtitle { font-size: 12px; line-height: 16px; }
.e-contact-buttons-var-8 .e-contact-buttons__contact-links { display: flex; flex-direction: column; gap: 12px; padding: 12px; }
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-link { background-color: var(--e-contact-buttons-contact-button-bg); border-end-end-radius: 15px; border-end-start-radius: 15px; border-start-end-radius: 15px; color: var(--e-contact-buttons-contact-button-icon); display: grid; grid-template-columns: auto 1fr; grid-template-rows: repeat(2, 1fr); gap: 0px 12px; padding: 10px 20px; }
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-link svg { fill: var(--e-contact-buttons-contact-button-icon); }
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-link.has-size-small svg { height: var(--e-contact-buttons-svg-size-small); width: var(--e-contact-buttons-svg-size-small); }
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-link.has-size-small i { font-size: var(--e-contact-buttons-svg-size-small); }
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-link.has-size-medium svg { height: var(--e-contact-buttons-svg-size-medium); width: var(--e-contact-buttons-svg-size-medium); }
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-link.has-size-medium i { font-size: var(--e-contact-buttons-svg-size-medium); }
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-link.has-size-large svg { height: var(--e-contact-buttons-svg-size-large); width: var(--e-contact-buttons-svg-size-large); }
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-link.has-size-large i { font-size: var(--e-contact-buttons-svg-size-large); }
.e-contact-buttons-var-8 .e-contact-buttons__contact-icon-container { align-items: center; display: flex; grid-area: 1 / 1 / 3 / 2; }
.e-contact-buttons-var-8 .e-contact-buttons__contact-title { color: var(--e-contact-buttons-contact-title-text-color); font-size: 16px; font-weight: 600; grid-area: 1 / 2 / 2 / 3; line-height: 24px; }
.e-contact-buttons-var-8 .e-contact-buttons__contact-description { color: var(--e-contact-buttons-contact-description-text-color); font-size: 12px; font-weight: 300; grid-area: 2 / 2 / 3 / 3; line-height: 16px; }
.e-contact-buttons-var-8 .e-contact-buttons__links-container { background-color: var(--e-contact-buttons-chat-box-bg); }