.whatsapp-float {
	align-items: center;
	background: #25d366;
	border-radius: 50%;
	bottom: max(24px, env(safe-area-inset-bottom));
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.28);
	color: #fff;
	display: flex;
	font-size: 34px;
	height: 64px;
	justify-content: center;
	left: max(24px, env(safe-area-inset-left));
	position: fixed;
	text-decoration: none;
	transition: box-shadow 180ms ease, transform 180ms ease;
	width: 64px;
	z-index: 9999;
}

.whatsapp-float,
.whatsapp-float:visited,
.whatsapp-float:hover,
.whatsapp-float:focus,
.whatsapp-float .fab,
.whatsapp-float .fab::before {
	color: #fff !important;
}

.whatsapp-float:hover {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.34);
	color: #fff;
	transform: translateY(-2px) scale(1.04);
}

.whatsapp-float:focus-visible {
	color: #fff;
	outline: 3px solid #111;
	outline-offset: 3px;
}

.whatsapp-float.is-hidden-at-page-bottom {
	opacity: 0;
	pointer-events: none;
	transform: translateY(16px) scale(0.9);
}

@media (max-width: 575.98px) {
	.whatsapp-float {
		bottom: max(16px, env(safe-area-inset-bottom));
		font-size: 29px;
		height: 56px;
		left: max(16px, env(safe-area-inset-left));
		width: 56px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.whatsapp-float {
		transition: none;
	}
}