.bp-whatsapp-fab {
	position: fixed;
	right: var(--bp-space-6);
	bottom: var(--bp-space-6);
	z-index: var(--bp-z-sticky);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3.5rem;
	height: 3.5rem;
	color: var(--bp-color-text-inverse);
	background: var(--bp-color-accent);
	border-radius: var(--bp-radius-pill);
	box-shadow: var(--bp-shadow-elevated);
	transition: transform var(--bp-transition-fast), background-color var(--bp-transition-fast);
}

.bp-whatsapp-fab:hover {
	color: var(--bp-color-text-inverse);
	background: var(--bp-color-accent-hover);
	transform: translateY(calc(var(--bp-space-1) * -1));
}

.bp-whatsapp-fab:focus-visible {
	outline: none;
	box-shadow: var(--bp-shadow-elevated), var(--bp-focus-ring);
}

.bp-whatsapp-fab__icon {
	width: var(--bp-space-8);
	height: var(--bp-space-8);
}

@media (max-width: 23.4375rem) {
	.bp-whatsapp-fab {
		right: var(--bp-space-4);
		bottom: var(--bp-space-4);
	}
}

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

	.bp-whatsapp-fab:hover {
		transform: none;
	}
}