/*====================================
WHATSAPP FLOATING BUTTON
====================================*/

.sfp-whatsapp-float{
	position:fixed;
	right:22px;
	bottom:22px;
	z-index:9999;

	width:58px;
	height:58px;

	display:flex;
	align-items:center;
	justify-content:center;

	background:#25d366;
	border-radius:50%;

	box-shadow:0 12px 30px rgba(0,0,0,.22);

	transition:
		transform .25s ease,
		box-shadow .25s ease;
}

.sfp-whatsapp-float:hover{
	transform:translateY(-4px) scale(1.05);
	box-shadow:0 16px 36px rgba(0,0,0,.28);
}

.sfp-whatsapp-float svg{
	width:30px;
	height:30px;
	display:block;
}

@media (max-width:767px){

	.sfp-whatsapp-float{
		right:16px;
		bottom:16px;

		width:54px;
		height:54px;
	}

	.sfp-whatsapp-float svg{
		width:28px;
		height:28px;
	}

}