button.wh-ap-btn {
	outline: none;
	width: 60px;
	height: 60px;
	border: 0;
	background-color: #2ecc71;
	padding: 0;
	border-radius: 100%;
	box-shadow: 
		0 1px 3px rgba(0, 0, 0, 0.12), 
		0 1px 2px rgba(0, 0, 0, 0.24);

	cursor: pointer;

	transition: opacity 0.3s, background 0.3s, box-shadow 0.3s;

	position: relative;
	z-index: 99999999 !important;
}


button.wh-ap-btn::after {
	content: "";

	background-image: url("../images/icon/whatsapp-white.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60%;

	width: 100%;
	height: 100%;

	display: block;

	opacity: 1;
}


button.wh-ap-btn:hover {

	opacity: 1;

	background-color: #20bf6b;

	box-shadow:
		0 3px 6px rgba(0, 0, 0, 0.16),
		0 3px 6px rgba(0, 0, 0, 0.23);
}



/* WhatsApp position */
.wh-api {

	position: fixed;

	bottom: 0;
	right: 0;

	z-index: 99999999 !important;
}



.wh-fixed {

	margin-right: 15px;

	margin-bottom: 15px;

	position: relative;

	z-index: 99999999 !important;
}



.wh-fixed > a {

	display: block;

	text-decoration: none;

	position: relative;

	z-index: 99999999 !important;

}



/* Chat with me label */
button.wh-ap-btn::before {

	content: "Chat with us";

	display: block;

	position: absolute;


	left: -110px;

	top: 16px;


	height: 25px;


	background: #000000;

	color: #fff;


	font-weight: 400;

	font-size: 12px;


	line-height: 25px;


	border-radius: 30px;


	width: 0;

	opacity: 0;


	padding: 0;


	white-space: nowrap;

	overflow: hidden;


	transition:
		opacity 0.4s,
		width 0.4s,
		padding 0.5s;


	box-shadow:
		0 1px 15px rgba(32,33,36,0.28);


	z-index: 999999999 !important;

}



.wh-fixed > a:hover button.wh-ap-btn::before {


	opacity: 1;


	width: 100px;


	padding-left: 10px;

	padding-right: 10px;

}



/* Pulse animation */
.whatsapp-pulse {

	width: 60px;

	height: 60px;


	right: 10px;

	bottom: 10px;


	background: #10b418;


	position: fixed;


	text-align: center;


	color: #ffffff;


	cursor: pointer;


	border-radius: 50%;


	z-index: 99999999 !important;


	display: inline-block;


	line-height: 65px;

}



.whatsapp-pulse:before {


	position: absolute;


	content: " ";


	z-index: -1;


	bottom: -15px;


	right: -15px;


	background-color: #10b418;


	width: 90px;


	height: 90px;


	border-radius: 100%;


	animation-fill-mode: both;


	-webkit-animation-fill-mode: both;


	opacity: 0.6;


	-webkit-animation: pulse 1s ease-out;


	animation: pulse 1.8s ease-out;


	-webkit-animation-iteration-count: infinite;


	animation-iteration-count: infinite;

}




@-webkit-keyframes pulse {


	0% {

		-webkit-transform: scale(0);

		opacity: 0;

	}


	25% {

		-webkit-transform: scale(0.3);

		opacity: 1;

	}


	50% {

		-webkit-transform: scale(0.6);

		opacity: 0.6;

	}


	75% {

		-webkit-transform: scale(0.9);

		opacity: 0.3;

	}


	100% {

		-webkit-transform: scale(1);

		opacity: 0;

	}

}




@keyframes pulse {


	0% {

		transform: scale(0);

		opacity: 0;

	}


	25% {

		transform: scale(0.3);

		opacity: 1;

	}


	50% {

		transform: scale(0.6);

		opacity: 0.6;

	}


	75% {

		transform: scale(0.9);

		opacity: 0.3;

	}


	100% {

		transform: scale(1);

		opacity: 0;

	}

}