@font-face{
	font-family:'LamaSans';
	src:url('../fonts/LamaSans-Black.ttf') format('truetype');
	font-weight:900;
	font-style:normal;
	font-display:swap;
}

:root{
	--actionconnect-brand:#1296db;
	--actionconnect-shadow:0 12px 28px rgba(18,150,219,.24);
	--actionconnect-radius:22px;
	--actionconnect-ease:cubic-bezier(.22,1,.36,1);
}

.actionconnect{
	position:fixed !important;
	top:50% !important;
	bottom:auto !important;
	transform:translateY(-50%) !important;
	z-index:2147483000 !important;
	display:flex !important;
	flex-direction:column !important;
	gap:12px !important;
	pointer-events:none !important;
	direction:ltr !important;
	font-family:'LamaSans', Arial, sans-serif !important;
	visibility:visible !important;
	opacity:1 !important;
}

.actionconnect--left{left:0 !important;right:auto !important;}
.actionconnect--right{right:0 !important;left:auto !important;}

.actionconnect__button{
	pointer-events:auto !important;
	position:relative !important;
	display:flex !important;
	align-items:center !important;
	gap:12px !important;
	min-height:56px !important;
	width:58px !important;
	max-width:none !important;
	padding:8px 16px 8px 14px !important;
	overflow:hidden !important;
	text-decoration:none !important;
	background:var(--actionconnect-brand) !important;
	color:#fff !important;
	border:0 !important;
	border-radius:0 999px 999px 0 !important;
	box-shadow:var(--actionconnect-shadow) !important;
	transition:width .34s var(--actionconnect-ease), box-shadow .28s var(--actionconnect-ease) !important;
	will-change:width !important;
	white-space:nowrap !important;
	-webkit-tap-highlight-color:transparent !important;
	visibility:visible !important;
	opacity:1 !important;
}

.actionconnect--right .actionconnect__button{
	border-radius:999px 0 0 999px !important;
	padding:8px 14px 8px 16px !important;
}

.actionconnect__button:hover,
.actionconnect__button:focus-visible{
	width:220px !important;
	box-shadow:0 16px 36px rgba(18,150,219,.30) !important;
	outline:none !important;
}

.actionconnect__button--large{min-height:64px !important;}

.actionconnect__icon{
	position:absolute !important;
	right:0 !important;
	top:0 !important;
	width:56px !important;
	height:100% !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	background:transparent !important;
	box-shadow:none !important;
	border-radius:0 !important;
	z-index:2 !important;
	color:#fff !important;
	visibility:visible !important;
	opacity:1 !important;
}

.actionconnect--right .actionconnect__icon{right:auto !important;left:0 !important;}

.actionconnect__icon svg{
	width:33px !important;
	height:33px !important;
	display:block !important;
	color:currentColor !important;
	fill:currentColor;
	stroke:currentColor;
	visibility:visible !important;
	opacity:1 !important;
}

.actionconnect__button--phone .actionconnect__icon svg{width:36px !important;height:36px !important;}
.actionconnect__button--register .actionconnect__icon svg{width:31px !important;height:31px !important;fill:none;}
.actionconnect__button--whatsapp .actionconnect__icon svg{width:33px !important;height:33px !important;}

.actionconnect__text{
	display:flex !important;
	flex-direction:column !important;
	justify-content:center !important;
	line-height:1.1 !important;
	opacity:0 !important;
	transform:translateX(6px) !important;
	transition:opacity .22s ease, transform .22s ease !important;
	padding-right:58px !important;
	width:100% !important;
	text-align:right !important;
	z-index:1 !important;
	color:#fff !important;
}

.actionconnect--right .actionconnect__text{padding-right:10px !important;padding-left:58px !important;text-align:left !important;}

.actionconnect__button:hover .actionconnect__text,
.actionconnect__button:focus-visible .actionconnect__text{
	opacity:1 !important;
	transform:translateX(0) !important;
}

.actionconnect__label{font-size:15px !important;font-weight:900 !important;letter-spacing:0 !important;color:#fff !important;}
.actionconnect__number{margin-top:4px !important;font-size:12px !important;font-weight:900 !important;opacity:.96 !important;color:#fff !important;}

@media (max-width:767px){
	.actionconnect{
		top:50% !important;
		bottom:auto !important;
		transform:translateY(-50%) !important;
		gap:10px !important;
	}

	.actionconnect__button,
	.actionconnect__button:hover,
	.actionconnect__button:focus-visible,
	.actionconnect__button--large,
	.actionconnect__button--large:hover,
	.actionconnect__button--large:focus-visible{
		width:58px !important;
	}

	.actionconnect__text{
		opacity:0 !important;
		transform:translateX(6px) !important;
		pointer-events:none !important;
	}

	.actionconnect__button.is-open,
	.actionconnect__button.is-open:hover,
	.actionconnect__button.is-open:focus-visible{
		width:202px !important;
	}

	.actionconnect__button.is-open .actionconnect__text{
		opacity:1 !important;
		transform:none !important;
		pointer-events:auto !important;
	}
}