.floating-wpp img{
	position:fixed;
	bottom:15px;font-size:14px;
	transition:bottom .2s; 
	z-index:100; 
	right:50px;
    padding: 5px; /* Agrega un espacio interno para el borde */
	max-width: 8%; /* Limita el ancho máximo de la imagen */
	/* Agrega la animación */
    animation: pulseAnimation 1.5s infinite alternate;
}

@media only screen and (max-width: 767px) {
 	.floating-wpp img {
		font-size: 14px;
		max-width: 30%; /* Limita el ancho máximo de la imagen */
		padding: 12px 20px;
		bottom: 50px;
		right: 0px;
		/* Agrega la animación */
    animation: pulseAnimation 1.5s infinite alternate;
	}
} 

/* efecto para el texto del boton */
.floating a {
    display: flex;
    align-items: center;
    text-decoration: none;
	
}

.floating span {
    font-size: 14px;
    color: #000; /* Color del texto */
    transition: color 0.2s;
}

/* Cambia el color del texto y aplica la animación al hacer hover */
.floating a:hover img {
    transform: scale(1.1);
}

.floating a:hover span {
    color: #00FF00; /* Cambia el color del texto en hover */
}

/* Agrega la animación para dispositivos con ancho máximo de 767px */
@media only screen and (max-width: 767px) {
    .floating a {
        flex-direction: column; /* Cambia la dirección del flex en dispositivos móviles */
        align-items: center;
    }

    .floating img {
        margin-right: 0;
        margin-bottom: 10px; /* Espacio entre la imagen y el texto en móviles */
    }
}


/* fin del efecto texto boton */

.floating-wpp a  img:hover{
	
	transform: scale(1,5);
	
}

@keyframes pulseAnimation {
    0% {
        transform: scale(1);
		
    }
    100% {
        transform: scale(1.2); /* Ajusta el valor de escala según lo necesites */
		
    }