* {
  padding:0;
  margin:0;
}

body {
  font-family:Verdana, Geneva, sans-serif;
  background-color:#CCC;
  font-size:12px;
}

.label-container {
  position:fixed;
  /*bottom:58px;*/
  right:95px;
  display:table;
  visibility:hidden;
  z-index:9990;
}

.label-text {
  color:#FFF;
  background:#f1323e;
  display:table-cell;
  vertical-align:middle;
  padding:10px;
  border-radius:3px;
}

.label-arrow {
  display:table-cell;
  vertical-align:middle;
  color:#f1323e;
  /*opacity:0.5;*/
}

.float {
  position:fixed;
  width:60px;
  height:60px;
  /*bottom:40px;*/
  right:25px;
  /*background-color:#0f192d;*/
  color:#ffffff;
  border-radius:50px;
  text-align:center;
  /*box-shadow:2px 2px 3px #999;*/
  z-index:9999;
}

.my-float {
  font-size:24px;
  margin-top:18px;
}

a.float + div.label-container {
  visibility:hidden;
  opacity:0.4;
  transition:visibility 0s, opacity 0.5s ease;
  color:white;
}

a.float:hover + div.label-container {
  visibility:visible;
  opacity:1;
  color:white;
}

a.float:hover {
  color:rgb(252,252,250);
  background-color:rgb(15,3,31);
}