/* Le bouton n'existe visuellement que sur tablette et ordinateur. */
.mfw-floating-button {
	display: none !important;
}

@media (min-width: 768px) {
	.mfw-floating-button {
		position: fixed !important;
		box-sizing: border-box !important;
		right: 20px !important;
		bottom: calc(194px + env(safe-area-inset-bottom)) !important;
		z-index: 2147482999 !important;
		display: inline-flex !important;
		align-items: center !important;
		justify-content: center !important;
		width: 50px !important;
		height: 50px !important;
		min-width: 50px !important;
		min-height: 50px !important;
		padding: 0 !important;
		border: 1px solid rgba(0, 0, 0, .08) !important;
		border-radius: 50% !important;
		background: #25d366 !important;
		color: #fff !important;
		box-shadow: 0 8px 24px rgba(18, 140, 126, .28) !important;
		text-decoration: none !important;
		transition: transform .18s ease, box-shadow .18s ease !important;
	}

	.mfw-floating-button:hover,
	.mfw-floating-button:focus-visible {
		color: #fff !important;
		box-shadow: 0 10px 30px rgba(18, 140, 126, .38) !important;
		transform: translateY(-2px) !important;
		outline: 3px solid rgba(37, 211, 102, .28) !important;
		outline-offset: 2px !important;
	}

	.mfw-whatsapp-icon {
		display: block !important;
		width: 29px !important;
		height: 29px !important;
		color: #fff !important;
	}

	/* Cookies monte d'un cran ; WhatsApp reprend exactement son ancienne place. */
	.mcc-reopen[data-mcc-reopen] {
		bottom: calc(256px + env(safe-area-inset-bottom)) !important;
	}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.mfw-floating-button {
		right: 18px !important;
		bottom: calc(122px + env(safe-area-inset-bottom)) !important;
		width: 44px !important;
		height: 44px !important;
		min-width: 44px !important;
		min-height: 44px !important;
	}

	.mfw-whatsapp-icon {
		width: 25px !important;
		height: 25px !important;
	}

	.mcc-reopen[data-mcc-reopen] {
		bottom: calc(178px + env(safe-area-inset-bottom)) !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.mfw-floating-button {
		transition: none !important;
	}
}