.chat-float{
  cursor:pointer;
  position:fixed;
	width:60px;
	height:60px;
	bottom:20px;
	right:20px;
	border-radius:50px;
	text-align:center;
  font-size:40px;
  opacity: 0.9;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);
  z-index:100;
}

.chat-float::before{
  content: url(Chat_jota.png);
 }

.chat-float:hover{
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  opacity: 1;
}