/*
 * Pulsante WhatsApp nel riquadro Contatti della scheda struttura.
 * File a se' perche' style.css si compila con Compass, non disponibile
 * nell'ambiente di sviluppo attuale.
 *
 * La catena di selettori ricalca quella di style.css
 * (.hotel article .entry-content .contatti .contatti__inner .row a), che
 * altrimenti vincerebbe per specificita' e colorerebbe il testo di azzurro.
 */

.hotel article .entry-content .contatti .contatti__inner .row a.contatti__whatsapp {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 2px 10px;
	border-radius: 14px;
	background-color: #25d366;
	color: #fff;
	line-height: 1.5;
	text-decoration: none;
	white-space: nowrap;
}

.hotel article .entry-content .contatti .contatti__inner .row a.contatti__whatsapp:hover,
.hotel article .entry-content .contatti .contatti__inner .row a.contatti__whatsapp:focus,
.hotel article .entry-content .contatti .contatti__inner .row a.contatti__whatsapp:active {
	background-color: #128c7e;
	color: #fff;
	text-decoration: none;
}

.hotel article .entry-content .contatti .contatti__inner .row a.contatti__whatsapp .fa-whatsapp {
	font-size: 1.1em;
}