/* ------------------------------------------ */


.whatsapp {
	position: fixed;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	bottom: 30px;
	right: 20px;
	border: none;
	color: #fff;
	background: #00d56b;
	outline: none;
	transition: 0.3s;
	text-align: center;
	line-height: 45px;
	transition: 0.3s;
	z-index: 999;	animation-name: animacion1;
  animation-duration: 2s;
	animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;
}

/* Burbuja de promocion */
.burbuja{
	position: fixed;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	bottom: 115px;
	right: 20px;
	border: none;
	color: #fff;
	background: #0000;
	outline: none;
	transition: 0.3s;
	text-align: center;
	line-height: 45px;
	transition: 0.3s;
	z-index: 999;
}
.burbuja{
	animation: heart-beat 1s linear infinite alternate;
}
@keyframes heart-beat {
	0% {
			transform: scale(1.4);
	}
	100% {
			transform: scale(1);
	}
}

@media (max-width: 500px) {
	.burbuja {
		width: 60px;
		height: 60px;
		bottom: 100px;
		right: 17px;
	}
}
@keyframes animacion1 {
  /* THIS CSS IS FOR WHATSAPP BTN */
from{
    color: "black";
    /* margin-top: 0px; */
		bottom: 15px;
  }
to{
    color: "black";
    /* margin-top: 30px; */
		bottom: 40px;
  }
}
.whatsapp svg {
	transition: 0.3s;
	margin-top: 10px;
	width: 40px;
}
@media (max-width: 500px) {
	.whatsapp {
		width: 60px;
		height: 60px;
		line-height: 10px;
		bottom: 20px;
		right: 17px;
	}
	.whatsapp svg {
		transition: 0.3s;
		width: 40px;
		margin-top: 10px;
	}
}