#socialfloat {
  position:fixed;
  left: -45px;
  width: 100px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  opacity: 0.6;
  top: 300px;
  background-color: #242424;
  transition: 0.5s;
  z-index: 25;
}
#socialfloat:hover {
  left: -25px;
  box-shadow: 5px 5px 8px 5px #333;
  opacity: 1;
  transition: 1s;
}