/**
 * Bottone WhatsApp flottante.
 * Estratto dal campo CSS personalizzato di Divi.
 */

.whatsapp-float {
	position: fixed;
	right: 18px;
	bottom: 18px;
	width: 56px;
	height: 56px;
	border-radius: 999px;
	z-index: 999999;
	display: grid;
	place-items: center;
	box-shadow: 0 10px 25px rgba(0, 0, 0, .18);
	text-decoration: none;
	-webkit-tap-highlight-color: transparent;
	background: #25d366;
}

.whatsapp-float__icon {
	width: 28px;
	height: 28px;
	display: block;
	background: center / contain no-repeat
		url('../img/whatsapp.svg');
}

@supports (padding: max(0px)) {
	.whatsapp-float {
		bottom: max(18px, env(safe-area-inset-bottom));
		right: max(18px, env(safe-area-inset-right));
	}
}