.chat-circle {
  position: fixed;
  right: 0; 
  top: 310px;
  z-index: 2000;
}
 
 
.chat-circle ul {
   list-style: none;
}
 
 
.chat-circle ul li a {
  display: inline-block;
  text-decoration: none;
  -webkit-transition:all 500ms ease;
  -o-transition:all 500ms ease;
  transition:all 500ms ease;
} 


.imagen-red-chat{
   border-radius: 50%;
   margin-bottom: 10px;
   width: 50px;
   height: 50px;
   padding: 3px;
   border: 3px solid #d2d6de;
   -webkit-transition-duration: 0.8s;
   -moz-transition-duration: 0.8s;
   -o-transition-duration: 0.8s;
   transition-duration: 0.8s;
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   transition-property: transform;
   overflow:hidden;
}

.imagen-red-chat:hover{
   -webkit-transform:rotate(360deg);
   -moz-transform:rotate(360deg);
   -o-transform:rotate(360deg);
   transform:rotate(360deg);     
}