@media (max-width:767px) {}

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

@media (max-width:767px) {
	.e-contact-buttons.has-h-alignment-start {
		inset-inline-start: 0;
	}
}

.e-contact-buttons.has-h-alignment-start .e-contact-buttons__chat-button-container {
	justify-content: flex-start;
	padding-inline-end: 0;
	padding-inline-start: 20px;
}

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

@media (max-width:767px) {}

.e-contact-buttons.has-h-alignment-center {
	inset-inline-start: 50%;
	justify-content: center;
	transform: translateX(-50%);
}

.e-contact-buttons.has-h-alignment-center .e-contact-buttons__chat-button-container {
	justify-content: center;
	padding-inline: 0;
}

.e-contact-buttons.has-h-alignment-center .e-contact-buttons__content-wrapper {
	inset-inline-end: calc(var(--e-contact-buttons-chat-box-width) / 2 - 40px);
	position: relative;
}

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

.e-contact-buttons.has-v-alignment-top .e-contact-buttons__content-wrapper {
	order: 2;
}

.e-contact-buttons.has-v-alignment-top .e-contact-buttons__chat-button-container {
	order: 1;
}

.e-contact-buttons.has-v-alignment-middle {
	align-items: center;
	flex-direction: row;
	top: 50%;
	transform: translateY(-50%);
}

.e-contact-buttons.has-v-alignment-middle .e-contact-buttons__chat-button-container {
	padding-inline: 0;
}

.e-contact-buttons.has-v-alignment-middle.has-h-alignment-start .e-contact-buttons__content-wrapper {
	order: 2;
}

.e-contact-buttons.has-v-alignment-middle.has-h-alignment-start .e-contact-buttons__chat-button-container {
	order: 1;
	padding-inline: 0;
}

.e-contact-buttons.has-h-alignment-center.has-v-alignment-middle {
	flex-direction: column;
	transform: translate(-50%, -50%);
}

.e-contact-buttons.has-corners-rounded {
	--e-contact-buttons-border-radius: 20px;
}

.e-contact-buttons.has-corners-round {
	--e-contact-buttons-border-radius: 50px;
}

.e-contact-buttons.has-corners-sharp {
	--e-contact-buttons-border-radius: 0;
}

.e-contact-buttons:not(.has-animations) .e-contact-buttons__content-wrapper.hidden {
	display: none;
}

.e-contact-buttons.has-animations .e-contact-buttons__content-wrapper.hidden {
	display: block;
	transition: 1s;
	visibility: hidden;
}

.e-contact-buttons.has-animations .e-contact-buttons__content-wrapper.animated-wrapper {
	animation: e-contact-buttons-close 1s;
	opacity: 0;
	transform: none;
	visibility: hidden;
}

.e-contact-buttons__chat-button-drop-shadow {
	filter: var(--e-contact-buttons-drop-shadow);
}

.e-contact-buttons__content {
	border-radius: var(--e-contact-buttons-border-radius);
	font-family: var(--e-global-typography-text-font-family, "Poppins"), Sans-serif;
	overflow: hidden;
}

.e-contact-buttons__top-bar {
	align-items: center;
	background-color: var(--e-contact-buttons-top-bar-bg);
	display: flex;
	gap: 20px;
	padding: 20px;
	position: relative;
}

.e-contact-buttons__top-bar-title {
	color: var(--e-contact-buttons-top-bar-title);
	font-size: 24px;
	font-weight: 700;
	margin-block-end: 0;
}

.e-contact-buttons__top-bar-subtitle {
	color: var(--e-contact-buttons-top-bar-subtitle);
	font-size: 20px;
	margin-block-end: 0;
}

.e-contact-buttons__profile-image {
	align-items: center;
	display: flex;
	position: relative;
}

.e-contact-buttons__profile-image img {
	border-radius: 50%;
	-o-object-fit: cover;
	object-fit: cover;
}

.e-contact-buttons__profile-image.has-size-small img {
	height: var(--e-contact-buttons-profile-image-size-small);
	width: var(--e-contact-buttons-profile-image-size-small);
}

.e-contact-buttons__profile-image.has-size-medium img {
	height: var(--e-contact-buttons-profile-image-size-medium);
	width: var(--e-contact-buttons-profile-image-size-medium);
}

.e-contact-buttons__profile-image.has-size-large img {
	height: var(--e-contact-buttons-profile-image-size-large);
	width: var(--e-contact-buttons-profile-image-size-large);
}

.e-contact-buttons__profile-image.has-dot:after {
	background-color: var(--e-contact-buttons-profile-dot-bg);
	border: 3px solid var(--e-contact-buttons-top-bar-bg);
	border-radius: 50%;
	bottom: 5px;
	content: "";
	height: 20px;
	position: absolute;
	right: 0;
	width: 20px;
}

.e-contact-buttons__close-button, .e-contact-buttons__close-button[type=button] {
	background: none;
	border: 0;
	color: var(--e-contact-buttons-close-button-color);
	inset-inline-end: 20px;
	padding: 0;
	position: absolute;
	top: 20px;
}

.e-contact-buttons__close-button:focus, .e-contact-buttons__close-button:hover, .e-contact-buttons__close-button[type=button]:focus, .e-contact-buttons__close-button[type=button]:hover {
	background: none;
	border: 0;
	color: var(--e-contact-buttons-close-button-color);
}

@media (max-width:767px) {}

.e-contact-buttons__chat-button.has-size-small i, .e-contact-buttons__chat-button[type=button].has-size-small i {
	font-size: var(--e-contact-buttons-svg-size-small);
}

.e-contact-buttons__chat-button.has-size-medium, .e-contact-buttons__chat-button[type=button].has-size-medium {
	height: var(--e-contact-buttons-size-medium);
	width: var(--e-contact-buttons-size-medium);
}

.e-contact-buttons__chat-button.has-size-medium i, .e-contact-buttons__chat-button[type=button].has-size-medium i {
	font-size: var(--e-contact-buttons-svg-size-medium);
}

.e-contact-buttons__chat-button.has-size-large, .e-contact-buttons__chat-button[type=button].has-size-large {
	height: var(--e-contact-buttons-size-large);
	width: var(--e-contact-buttons-size-large);
}

.e-contact-buttons__chat-button.has-size-large i, .e-contact-buttons__chat-button[type=button].has-size-large i {
	font-size: var(--e-contact-buttons-svg-size-large);
}

.e-contact-buttons__chat-button.has-entrance-animation-delay, .e-contact-buttons__chat-button[type=button].has-entrance-animation-delay {
	animation-delay: var(--e-contact-button-chat-button-animation-delay);
}

.e-contact-buttons__chat-button.has-entrance-animation-duration-slow, .e-contact-buttons__chat-button[type=button].has-entrance-animation-duration-slow {
	animation-duration: 2s;
}

.e-contact-buttons__chat-button.has-entrance-animation-duration-normal, .e-contact-buttons__chat-button[type=button].has-entrance-animation-duration-normal {
	animation-duration: 1s;
}

.e-contact-buttons__chat-button.has-entrance-animation-duration-fast, .e-contact-buttons__chat-button[type=button].has-entrance-animation-duration-fast {
	animation-duration: .8s;
}

.e-contact-buttons__chat-button.has-entrance-animation, .e-contact-buttons__chat-button[type=button].has-entrance-animation {
	opacity: 0;
}

.e-contact-buttons__chat-button.visible, .e-contact-buttons__chat-button[type=button].visible {
	opacity: 1;
}

.e-contact-buttons__message-bubble {
	background-color: var(--e-contact-buttons-message-bubble-chat-bg);
	padding: 25px 20px;
	padding-inline-start: 40px;
}

.e-contact-buttons__message-bubble.has-typing-animation .e-contact-buttons__bubble-container {
	height: 0;
	opacity: 0;
	visibility: hidden;
}

.e-contact-buttons__bubble {
	background-color: var(--e-contact-buttons-message-bubble-bubble-bg);
	border-radius: 15px;
	padding: 20px;
	position: relative;
}

.e-contact-buttons__bubble:after {
	border-block-end-color: transparent;
	border-block-end-width: 40px;
	border-block-start-color: transparent;
	border-block-start-width: 0;
	border-inline-end-color: var(--e-contact-buttons-message-bubble-bubble-bg);
	border-inline-end-width: 40px;
	border-inline-start-color: transparent;
	border-inline-start-width: 0;
	border-style: solid;
	content: "";
	height: 0;
	inset-inline-start: -20px;
	position: absolute;
	top: 0;
	width: 0;
}

.e-contact-buttons__message-bubble-name {
	color: var(--e-contact-buttons-message-bubble-name);
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	margin-block-end: 8px;
}

.e-contact-buttons__message-bubble-body {
	color: var(--e-contact-buttons-message-bubble-body);
	font-size: 20px;
	line-height: 25px;
	margin-block-end: 8px;
}

.e-contact-buttons__message-bubble-time {
	color: var(--e-contact-buttons-message-bubble-time);
	font-size: 20px;
	font-weight: 600;
	line-height: 25px;
	margin-block-end: 0;
	text-align: end;
}

.e-contact-buttons__powered-container {
	text-align: center;
}

.e-contact-buttons__powered-text {
	color: #000;
	font-size: 16px;
	font-weight: 500;
	margin-block-end: 12px;
}

.e-contact-buttons__dots-container {
	background-color: var(--e-contact-buttons-message-bubble-bubble-bg);
	border-radius: 15px;
	display: inline-flex;
	padding: 10px 12px;
}

.e-contact-buttons__dot {
	animation: e-contact-buttons-typing-jump 1s infinite;
	background-color: var(--e-contact-buttons-message-bubble-name);
	border-radius: 50%;
	display: inline-block;
	height: 7px;
	margin-left: auto;
	margin-right: 3px;
	position: relative;
	width: 7px;
}

.e-contact-buttons__dot-1 {
	animation-delay: .2s;
}

.e-contact-buttons__dot-2 {
	animation-delay: .4s;
}

.e-contact-buttons__dot-3 {
	animation-delay: .6s;
}

.e-contact-buttons__send-button {
	background-color: var(--e-contact-buttons-chat-box-bg);
	padding: 12px 20px 20px;
}

.e-contact-buttons__send-button .e-contact-buttons__send-cta {
	color: var(--e-contact-buttons-send-button-icon);
}

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

.e-contact-buttons__send-cta {
	align-items: center;
	background-color: var(--e-contact-buttons-send-button-bg);
	border-radius: 30px;
	display: flex;
	font-size: 18px;
	font-weight: 500;
	gap: 8px;
	justify-content: center;
	padding: 10px;
	text-align: center;
	transition: all .3s;
	width: 100%;
}

.e-contact-buttons__send-cta:focus, .e-contact-buttons__send-cta:hover {
	background-color: var(--e-contact-buttons-send-button-bg-hover);
	transition: all .3s;
}

.e-contact-buttons__content.visible .e-contact-buttons__message-bubble.has-typing-animation .e-contact-buttons__dots-container {
	animation-delay: 0;
	animation-duration: 2s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: e-contact-buttons-disappear;
}

.e-contact-buttons__content.visible .e-contact-buttons__message-bubble.has-typing-animation .e-contact-buttons__bubble-container {
	animation-delay: 2s;
	animation-duration: .1s;
	animation-fill-mode: forwards;
	animation-iteration-count: 1;
	animation-name: e-contact-buttons-appear;
}