how to add floating whatspp icon

1<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
2<a href="https://api.whatsapp.com/send?
3         phone=7310747066
4         &text=Hola%information%."
5   		 class="float" target="_blank">
6<i class="fa fa-whatsapp my-float"></i>
7</a>
8
9<!-- CSS -->
10<style>
11.float{
12	position:fixed;
13	width:60px;
14	height:60px;
15	bottom:40px;
16	right:40px;
17	background-color:#25d366;
18	color:#FFF;
19	border-radius:50px;
20	text-align:center;
21  font-size:30px;
22	box-shadow: 2px 2px 3px #999;
23  z-index:100;
24}
25
26.my-float{
27	margin-top:16px;
28}
29 </style>