/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 10 2025 | 01:03:14 */
/* 1) Contenedor + ocultar texto */
.wp-block-button__link.has-phone-icon,
.wp-block-button__link.has-whatsapp-icon {
	position: relative;
	display: inline-block;
	width: 4rem;
	height: 4rem;
	overflow: hidden;
	text-indent: -9999px;
	white-space: nowrap;
	transform-origin: center center;
	transition: transform 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
}
.wp-block-button__link.has-phone-icon:hover,
.wp-block-button__link.has-whatsapp-icon:hover {
	transform: scale(1.05);
	box-shadow: 0 0 0.5rem 0.2rem rgba(215, 0, 7,0.4);
	background-color: #d70007 !important;
}
/* 2) Icono Phone más grande */
.wp-block-button__link.has-phone-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 3rem;
	background: url('https://cdn.jsdelivr.net/npm/ionicons@5.5.2/dist/svg/phone-portrait-outline.svg')
		no-repeat center/contain;
}
/* 3) Icono WhatsApp más grande */
.wp-block-button__link.has-whatsapp-icon::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 3rem;
	height: 3rem;
	background: url('https://cdn.jsdelivr.net/npm/ionicons@5.5.2/dist/svg/logo-whatsapp.svg')
		no-repeat center/contain;
}