.messenger:hover{
  box-shadow: 0px 0px 10px #444;
  background-color:#333;
  transition:1s;
  cursor:pointer;
}
.messenger
{
  box-shadow: 0px 0px 10px #444;
  height:50px;
  width:50px;
  position:fixed;
  bottom:10px;
  right:10px;
  background-color:white;
  background-image: url(https://rehasamexicanproducts.com/images/messenger.png);
  background-size: 40px 40px;
  background-repeat: no-repeat;
  background-position: center;
  z-index:2;
  border-radius:100px;
  transition:1s;
}
.messenger .badge-primary
{
  position:absolute;
  right:-150px;
  top:-25px;
  transition:1s;
}
.messenger:hover > .badge-primary
{
  transition:1s;
  right:0px;
  background-color: #444;
  color:#fff;
}
.panel-facebook
{
  position:fixed;
  width:300px;
  height:150px;
  bottom:70px;
  right:20px;
  display: none;
  z-index:2;
}
.panel-facebook .panel-heading
{
  background-color: #3E7CF6;
  color:white;
}
.panel-facebook .panel-body .texto
{
  background-color: #F1F0F0;
  color:#4B4F56;
  max-width: 250px;
  padding:2px;
  border-radius: 5px;
  font-size: 3.5mm;
  text-align:justify;
  display: block;
}