.e-contact-buttons-var-7 { --e-contact-buttons-chat-button-padding-block-end: 16px; --e-contact-buttons-chat-button-padding-block-start: 16px; --e-contact-buttons-chat-button-padding-inline-end: 20px; --e-contact-buttons-chat-button-padding-inline-start: 20px; --e-contact-buttons-chat-button-gap: 8px; --e-contact-buttons-horizontal-offset: 0; --e-contact-buttons-vertical-offset: 0; }
.e-contact-buttons-var-7.has-h-alignment-end .e-contact-buttons__chat-button-container, .e-contact-buttons-var-7.has-h-alignment-start .e-contact-buttons__chat-button-container { padding-inline: 0px; }
@media (max-width: 767px) {
  .e-contact-buttons-var-7.has-mobile-full-width { width: 100%; }
  .e-contact-buttons-var-7.has-mobile-full-width .e-contact-buttons__chat-button-container { max-width: 100%; width: 100%; }
  .e-contact-buttons-var-7.has-mobile-full-width .e-contact-buttons__chat-button { width: 100%; }
}
.e-contact-buttons-var-7 .e-contact-buttons__chat-button, .e-contact-buttons-var-7 .e-contact-buttons__chat-button:not([href]):not([tabindex]), .e-contact-buttons-var-7 .e-contact-buttons__chat-button[type="button"] { border-radius: 0px; color: var(--e-contact-buttons-button-icon); display: inline-flex; font-size: 18px; font-weight: 500; gap: var(--e-contact-buttons-chat-button-gap); height: fit-content; line-height: 28px; padding-block-end: var(--e-contact-buttons-chat-button-padding-block-end); padding-block-start: var(--e-contact-buttons-chat-button-padding-block-start); padding-inline-end: var(--e-contact-buttons-chat-button-padding-inline-end); padding-inline-start: var(--e-contact-buttons-chat-button-padding-inline-start); width: fit-content; }
.e-contact-buttons-var-7 .e-contact-buttons__chat-button svg, .e-contact-buttons-var-7 .e-contact-buttons__chat-button:not([href]):not([tabindex]) svg, .e-contact-buttons-var-7 .e-contact-buttons__chat-button[type="button"] svg { height: 1em; width: 1em; }
.e-contact-buttons-var-7 .e-contact-buttons__chat-button:focus, .e-contact-buttons-var-7 .e-contact-buttons__chat-button:hover, .e-contact-buttons-var-7 .e-contact-buttons__chat-button:not([href]):not([tabindex]):focus, .e-contact-buttons-var-7 .e-contact-buttons__chat-button:not([href]):not([tabindex]):hover, .e-contact-buttons-var-7 .e-contact-buttons__chat-button[type="button"]:focus, .e-contact-buttons-var-7 .e-contact-buttons__chat-button[type="button"]:hover { color: var(--e-contact-buttons-button-icon-hover); }