/* ==========================================================
   BOTÓN WHATSAPP - PERFIL MÉDICO STYLE 7
   MédicoEspecialista.com.bo
========================================================== */


/* ==========================================================
   CONTENEDOR DEL BOTÓN
========================================================== */

#listing-style-7 .company-actions{
	text-align:center;
}


/* ==========================================================
   BOTÓN - RESERVAR CITA POR WHATSAPP
========================================================== */

#listing-style-7 .company-actions a{
	background:#25D366;
	color:#ffffff;
	font-size:19px;
	padding:14px 28px;
	border-radius:10px;
	font-weight:700;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	text-decoration:none;
	line-height:1.2;
	transition:all .25s ease;
}


/* ==========================================================
   ICONO WHATSAPP
========================================================== */

#listing-style-7 .company-actions .la-whatsapp{
	color:#ffffff;
	font-size:50px;
	line-height:1;
}


/* ==========================================================
   EFECTO AL PASAR EL RATÓN
========================================================== */

#listing-style-7 .company-actions a:hover{
	background:#20BD5A;
	color:#ffffff;
	text-decoration:none;
	transform:translateY(-2px);
	box-shadow:0 5px 12px rgba(0,0,0,.18);
}


/* ==========================================================
   EVITAR CAMBIOS DE COLOR DEL ICONO EN HOVER
========================================================== */

#listing-style-7 .company-actions a:hover .la-whatsapp{
	color:#ffffff;
}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width:768px){

	#listing-style-7 .company-actions a{
		width:100%;
		font-size:18px;
		padding:13px 18px;
	}

	#listing-style-7 .company-actions .la-whatsapp{
		font-size:44px;
	}

}