.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: 0;
}

@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: 0;
	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: -moz-fit-content;
	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: -moz-fit-content;
	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);
}