.e-contact-buttons {
	--e-contact-buttons-chat-box-width: 360px;
	--e-contact-buttons-size-small: 55px;
	--e-contact-buttons-size-medium: 65px;
	--e-contact-buttons-size-large: 75px;
	--e-contact-buttons-svg-size-small: 32px;
	--e-contact-buttons-svg-size-medium: 38px;
	--e-contact-buttons-svg-size-large: 42px;
	--e-contact-buttons-profile-image-size-small: 65px;
	--e-contact-buttons-profile-image-size-medium: 75px;
	--e-contact-buttons-profile-image-size-large: 85px;
	--e-contact-buttons-dot: red;
	--e-contact-buttons-dot-size: 16px;
	--e-contact-buttons-profile-dot-bg: #39aa59;
	--e-contact-buttons-border-radius: 20px;
	--e-contact-button-chat-button-animation-delay: 0;
	--e-contact-buttons-icon-size-small: 45px;
	--e-contact-buttons-icon-size-medium: 50px;
	--e-contact-buttons-icon-size-large: 55px;
	--e-contact-buttons-contact-gap: 15px;
	--e-contact-buttons-horizontal-offset: 25px;
	--e-contact-buttons-vertical-offset: 25px;
	--e-contact-buttons-box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, .15);
	--e-contact-buttons-drop-shadow: drop-shadow(4px 4px 10px rgba(0, 0, 0, .15));
	--e-contact-buttons-button-bg: #467ff7;
	--e-contact-buttons-button-bg-hover: #1c2448;
	--e-contact-buttons-button-icon: #fff;
	--e-contact-buttons-button-icon-hover: #fff;
	--e-contact-buttons-top-bar-bg: #1c2448;
	--e-contact-buttons-top-bar-title: #fff;
	--e-contact-buttons-top-bar-subtitle: #fff;
	--e-contact-buttons-close-button-color: #fff;
	--e-contact-buttons-active-button-bg: #fff;
	--e-contact-buttons-message-bubble-name: #000;
	--e-contact-buttons-message-bubble-body: #000;
	--e-contact-buttons-message-bubble-time: #000;
	--e-contact-buttons-message-bubble-bubble-bg: #fff;
	--e-contact-buttons-message-bubble-chat-bg: #c8d5dc;
	--e-contact-buttons-send-button-icon: #fff;
	--e-contact-buttons-send-button-bg: #467ff7;
	--e-contact-buttons-send-button-icon-hover: #fff;
	--e-contact-buttons-send-button-bg-hover: #1c2448;
	--e-contact-buttons-chat-box-bg: #fff;
	--e-contact-buttons-contact-button-icon: #fff;
	--e-contact-buttons-contact-button-icon-hover: #fff;
	--e-contact-buttons-contact-button-bg: #467ff7;
	--e-contact-buttons-contact-button-bg-hover: #1c2448;
	--e-contact-buttons-tooltip-text: #1c2448;
	--e-contact-buttons-tooltip-bg: #fff;
	--e-contact-buttons-contact-title-text-color: #1c2448;
	--e-contact-buttons-contact-description-text-color: #1c2448;
	display: flex;
	flex-direction: column;
	gap: 20px;
	pointer-events: none;
	position: fixed;
	width: var(--e-contact-buttons-chat-box-width);
	z-index: 10000;
}

@media (max-width:767px) {
	.e-contact-buttons {
		inset-inline-end: 0;
		width: 90vw;
	}
}

.e-contact-buttons.has-h-alignment-end {
	align-items: flex-end;
	inset-inline-end: var(--e-contact-buttons-horizontal-offset);
	justify-content: flex-end;
}

.e-contact-buttons.has-h-alignment-end .e-contact-buttons__chat-button-container {
	inset-inline-end: var(--e-contact-buttons-horizontal-offset);
	justify-content: flex-end;
	padding-inline-end: 20px;
}

@media (max-width:767px) {
	.e-contact-buttons.has-h-alignment-end .e-contact-buttons__chat-button-container {
		inset-inline-end: unset;
	}
}

.e-contact-buttons.has-v-alignment-bottom {
	bottom: var(--e-contact-buttons-vertical-offset);
}

.e-contact-buttons.has-platform-whatsapp {
	--e-contact-buttons-button-bg: #25d366;
	--e-contact-buttons-button-bg-hover: #075e54;
	--e-contact-buttons-button-icon: #fff;
	--e-contact-buttons-button-icon-hover: #fff;
	--e-contact-buttons-top-bar-bg: #075e54;
	--e-contact-buttons-top-bar-title: #fff;
	--e-contact-buttons-top-bar-subtitle: #fff;
	--e-contact-buttons-close-button-color: #fff;
	--e-contact-buttons-message-bubble-body: #000;
	--e-contact-buttons-message-bubble-time: #000;
	--e-contact-buttons-message-bubble-name: #000;
	--e-contact-buttons-message-bubble-bubble-bg: #fff;
	--e-contact-buttons-message-bubble-chat-bg: #ece5dd;
	--e-contact-buttons-send-button-icon: #fff;
	--e-contact-buttons-send-button-bg: #25d366;
	--e-contact-buttons-send-button-icon-hover: #fff;
	--e-contact-buttons-send-button-bg-hover: #075e54;
	--e-contact-buttons-chat-box-bg: #fff;
}

.e-contact-buttons.has-platform-skype {
	--e-contact-buttons-button-bg: #00aff0;
	--e-contact-buttons-button-bg-hover: #0d72cf;
	--e-contact-buttons-button-icon: #fff;
	--e-contact-buttons-button-icon-hover: #fff;
	--e-contact-buttons-top-bar-bg: #0d72cf;
	--e-contact-buttons-top-bar-title: #fff;
	--e-contact-buttons-top-bar-subtitle: #fff;
	--e-contact-buttons-close-button-color: #fff;
	--e-contact-buttons-message-bubble-body: #000;
	--e-contact-buttons-message-bubble-time: #000;
	--e-contact-buttons-message-bubble-name: #000;
	--e-contact-buttons-message-bubble-bubble-bg: #fff;
	--e-contact-buttons-message-bubble-chat-bg: #cdf7ff;
	--e-contact-buttons-send-button-icon: #fff;
	--e-contact-buttons-send-button-bg: #00aff0;
	--e-contact-buttons-send-button-icon-hover: #fff;
	--e-contact-buttons-send-button-bg-hover: #0d72cf;
	--e-contact-buttons-chat-box-bg: #fff;
}

.e-contact-buttons.has-platform-messenger {
	--e-contact-buttons-button-bg: #168aff;
	--e-contact-buttons-button-bg-hover: #168aff;
	--e-contact-buttons-button-icon: #fff;
	--e-contact-buttons-button-icon-hover: #fff;
	--e-contact-buttons-top-bar-bg: #168aff;
	--e-contact-buttons-top-bar-title: #fff;
	--e-contact-buttons-top-bar-subtitle: #fff;
	--e-contact-buttons-close-button-color: #fff;
	--e-contact-buttons-message-bubble-body: #000;
	--e-contact-buttons-message-bubble-time: #000;
	--e-contact-buttons-message-bubble-name: #000;
	--e-contact-buttons-message-bubble-bubble-bg: #fff;
	--e-contact-buttons-message-bubble-chat-bg: #f0f0f0;
	--e-contact-buttons-send-button-icon: #fff;
	--e-contact-buttons-send-button-bg: #168aff;
	--e-contact-buttons-send-button-icon-hover: #fff;
	--e-contact-buttons-send-button-bg-hover: #168aff;
	--e-contact-buttons-chat-box-bg: #fff;
}

.e-contact-buttons.has-platform-viber {
	--e-contact-buttons-button-bg: #7360f2;
	--e-contact-buttons-button-bg-hover: #4e4879;
	--e-contact-buttons-button-icon: #fff;
	--e-contact-buttons-button-icon-hover: #fff;
	--e-contact-buttons-top-bar-bg: #4e4879;
	--e-contact-buttons-top-bar-title: #fff;
	--e-contact-buttons-top-bar-subtitle: #fff;
	--e-contact-buttons-close-button-color: #fff;
	--e-contact-buttons-message-bubble-body: #000;
	--e-contact-buttons-message-bubble-time: #000;
	--e-contact-buttons-message-bubble-name: #000;
	--e-contact-buttons-message-bubble-bubble-bg: #fff;
	--e-contact-buttons-message-bubble-chat-bg: #e5e1ff;
	--e-contact-buttons-send-button-icon: #fff;
	--e-contact-buttons-send-button-bg: #7360f2;
	--e-contact-buttons-send-button-icon-hover: #fff;
	--e-contact-buttons-send-button-bg-hover: #4e4879;
	--e-contact-buttons-chat-box-bg: #fff;
}

.e-contact-buttons.has-platform-waze {
	--e-contact-buttons-button-bg: #3cf;
	--e-contact-buttons-button-bg-hover: #09f;
	--e-contact-buttons-button-icon: #fff;
	--e-contact-buttons-button-icon-hover: #fff;
	--e-contact-buttons-top-bar-bg: #09f;
	--e-contact-buttons-top-bar-title: #fff;
	--e-contact-buttons-top-bar-subtitle: #fff;
	--e-contact-buttons-close-button-color: #fff;
	--e-contact-buttons-message-bubble-body: #000;
	--e-contact-buttons-message-bubble-time: #000;
	--e-contact-buttons-message-bubble-name: #000;
	--e-contact-buttons-message-bubble-bubble-bg: #fff;
	--e-contact-buttons-message-bubble-chat-bg: #ece5dd;
	--e-contact-buttons-send-button-icon: #fff;
	--e-contact-buttons-send-button-bg: #3cf;
	--e-contact-buttons-send-button-icon-hover: #fff;
	--e-contact-buttons-send-button-bg-hover: #09f;
	--e-contact-buttons-chat-box-bg: #fff;
}

.e-contact-buttons__chat-button-container, .e-contact-buttons__contact-icon-link, .e-contact-buttons__content-wrapper {
	pointer-events: auto;
}

.e-contact-buttons__chat-button-container {
	display: flex;
	max-width: -moz-max-content;
	max-width: max-content;
}

@media (max-width:767px) {
	.e-contact-buttons__chat-button-container {
		position: relative;
	}
}

.e-contact-buttons__chat-button, .e-contact-buttons__chat-button[type=button] {
	align-items: center;
	background-color: var(--e-contact-buttons-button-bg);
	border: 0;
	border-radius: 50%;
	color: var(--e-contact-buttons-button-icon);
	display: flex;
	justify-content: center;
	padding: 0;
	position: relative;
	transition: all .3s;
}

.e-contact-buttons__chat-button svg, .e-contact-buttons__chat-button[type=button] svg {
	fill: var(--e-contact-buttons-button-icon);
}

.e-contact-buttons__chat-button:focus, .e-contact-buttons__chat-button:hover, .e-contact-buttons__chat-button[type=button]:focus, .e-contact-buttons__chat-button[type=button]:hover {
	background-color: var(--e-contact-buttons-button-bg-hover);
	color: var(--e-contact-buttons-button-icon-hover);
	transition: all .3s;
}

.e-contact-buttons__chat-button:focus svg, .e-contact-buttons__chat-button:hover svg, .e-contact-buttons__chat-button[type=button]:focus svg, .e-contact-buttons__chat-button[type=button]:hover svg {
	fill: var(--e-contact-buttons-button-icon-hover);
}

.e-contact-buttons__chat-button.has-size-small svg, .e-contact-buttons__chat-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__chat-button.has-size-medium svg, .e-contact-buttons__chat-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__chat-button.has-size-large svg, .e-contact-buttons__chat-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__send-cta svg {
	fill: var(--e-contact-buttons-send-button-icon);
	height: 28px;
	width: 28px;
}

.e-contact-buttons__send-cta:focus svg, .e-contact-buttons__send-cta:hover svg {
	fill: var(--e-contact-buttons-send-button-icon-hover);
}

.e-con:has(.e-contact-buttons)>.e-con-inner, .e-con>.e-con-inner.e-con-inner--floating-buttons {
	padding-block-end: 0;
	padding-block-start: 0;
}

@keyframes e-contact-buttons-typing-jump {
	0% {
		bottom: 0;
	}
	
	20% {
		bottom: 5px;
	}
	
	40% {
		bottom: 0;
	}
}

@keyframes e-contact-buttons-appear {
	0% {
		height: 0;
		opacity: 0;
		visibility: hidden;
	}
	
	to {
		height: auto;
		opacity: 1;
		visibility: visible;
	}
}

@keyframes e-contact-buttons-disappear {
	0% {
		display: inline-flex;
	}
	
	to {
		display: none;
	}
}

@keyframes e-contact-buttons-close {
	0%, 99.99% {
		opacity: 1;
		visibility: visible;
	}
	
	to {
		opacity: 0;
		transform: none;
		visibility: hidden;
	}
}