.fab {
   width: 50px;
   height: 50px;
   background-color: teal;
   border-radius: 50%;
   box-shadow: 0 6px 10px 0 #666;
   transition: all 0.1s ease-in-out;  
   color: white;
   text-align: center; 
   position: fixed;
   right: 50px;
   bottom: 50px; 
   vertical-align: middle;
   align-items: center;
   justify-content: center;
   text-align: center; 
   transition: all 0.5s ease-in;
   z-index: 1000;   
}
.fab i {
	vertical-align: middle;
	align-items: center;
   justify-content: center;
   text-align: center; 
   font-size: 31px;
   position: absolute;
   left: 9px;
   top: 9px;
}

.fab .tooltip {
   position: absolute;
   left: -95px;
   top: -2px;
   background: grey;
   padding: 2px;
   box-shadow: 0 6px 10px 0 #666;
   transition: all 0s ease-in;
   display: none;
}
 
.fab:hover {
   box-shadow: 0 6px 14px 0 #666;
   transform: scale(1.05);
}
.fab:hover > .tooltip {
    display: block;
}
.fab i {
   color: white;
}