.float{
	position:fixed;
	width:45pt;
	height:45pt;
	bottom:20pt;
	right:20px;
	background-color:#fff;
	color:#25d366;
	border-radius:50px;
	text-align:center;
 	font-size:45px;
  	z-index:100;
    /*box-shadow: 0 3px 12px rgba(0, 0, 0, .15);*/
    z-index: 104;
    transition: box-shadow 150ms linear;

    animation-name: wathsapp;
    animation-duration: 0.5s;
    padding-top: 8px;
      transition: 0.3s;

}

@keyframes wathsapp {
  0%   {width:5pt;
	height:5pt;}
  100% {width:45pt;
	height:45pt;}

}



.float:hover, .float:focus, .float:active {
	text-decoration: none;
	color: #38d874;
  transition: 0.3s;
      box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}


}