/* -------------------------------------------------- */
/*  WhatsApp floating contact widget                  */
/* -------------------------------------------------- */

.bmp-whatsapp-widget {
	align-items: center;
	background: #25d366;
	border: 0;
	border-radius: 50%;
	bottom: calc(84px + env(safe-area-inset-bottom, 0px));
	box-shadow: 0 8px 24px rgba(16, 24, 40, .18), 0 0 0 1px rgba(0, 0, 0, .04);
	color: #fff;
	display: flex;
	height: 60px;
	justify-content: center;
	position: fixed;
	right: calc(24px + env(safe-area-inset-right, 0px));
	text-decoration: none;
	transition: transform 160ms cubic-bezier(.23, 1, .32, 1), background-color 160ms ease-out, box-shadow 160ms ease-out;
	width: 60px;
	-webkit-tap-highlight-color: transparent;
	z-index: 1100;
}

.bmp-whatsapp-widget:hover {
	background: #1ebe5d;
	box-shadow: 0 10px 28px rgba(16, 24, 40, .22), 0 0 0 1px rgba(0, 0, 0, .04);
	color: #fff;
	text-decoration: none;
	transform: translateY(-2px) scale(1.04);
}

.bmp-whatsapp-widget:focus-visible {
	box-shadow: 0 0 0 4px rgba(255, 255, 255, .95), 0 0 0 7px rgba(37, 211, 102, .75), 0 8px 24px rgba(16, 24, 40, .18);
	outline: none;
}

.bmp-whatsapp-widget:active {
	transform: scale(.97);
}

.bmp-whatsapp-widget__icon {
	display: block;
	flex: 0 0 auto;
	height: 31px;
	width: 31px;
}

.bmp-whatsapp-widget__tooltip {
	background: #17212b;
	border-radius: 6px;
	box-shadow: 0 6px 18px rgba(16, 24, 40, .16);
	color: #fff;
	font: 600 12px/1.3 'Open Sans', Arial, sans-serif;
	opacity: 1;
	pointer-events: none;
	padding: 8px 10px;
	position: absolute;
	right: calc(100% + 12px);
	top: 50%;
	transform: translateY(-50%);
	transition: opacity 125ms ease-out, transform 125ms ease-out;
	white-space: nowrap;
}

.bmp-whatsapp-widget:hover .bmp-whatsapp-widget__tooltip,
.bmp-whatsapp-widget:focus-visible .bmp-whatsapp-widget__tooltip {
	opacity: 1;
	transform: translateY(-50%);
}

@media only screen and (max-width: 959px) {
	.bmp-whatsapp-widget__tooltip {
		display: none;
	}
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.bmp-whatsapp-widget {
		bottom: calc(76px + env(safe-area-inset-bottom, 0px));
		height: 56px;
		right: calc(20px + env(safe-area-inset-right, 0px));
		width: 56px;
	}

	.bmp-whatsapp-widget__icon {
		height: 29px;
		width: 29px;
	}
}

@media only screen and (max-width: 767px) {
	.bmp-whatsapp-widget {
		bottom: calc(72px + env(safe-area-inset-bottom, 0px));
		height: 54px;
		right: calc(16px + env(safe-area-inset-right, 0px));
		width: 54px;
	}

	.bmp-whatsapp-widget__icon {
		height: 28px;
		width: 28px;
	}

}

@media only screen and (max-width: 479px) {
	.bmp-whatsapp-widget {
		bottom: calc(68px + env(safe-area-inset-bottom, 0px));
		right: calc(14px + env(safe-area-inset-right, 0px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.bmp-whatsapp-widget,
	.bmp-whatsapp-widget__tooltip {
		transition: none;
	}

	.bmp-whatsapp-widget:hover {
		transform: none;
	}
}