/**
 * Lavender — Floating WhatsApp button
 *
 * Self-contained component, no JS dependency.
 */
.lavender-whatsapp-fab {
	position: fixed;
	right: 1.5rem;
	bottom: 1.5rem;
	z-index: var(--lavender-z-fab);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	border-radius: var(--lavender-radius-pill);
	background: var(--lavender-color-whatsapp);
	color: #fff;
	box-shadow: var(--lavender-shadow-lg);
	text-decoration: none;
	transition: background-color var(--lavender-transition), transform var(--lavender-transition);
}
.lavender-whatsapp-fab:hover,
.lavender-whatsapp-fab:focus-visible {
	background: var(--lavender-color-whatsapp-hover);
	color: #fff;
	transform: translateY(-2px);
}
.lavender-whatsapp-fab:focus-visible {
	outline: 2px solid var(--lavender-color-whatsapp);
	outline-offset: 3px;
}
.lavender-whatsapp-fab__icon {
	width: 26px;
	height: 26px;
}