*{
margin: 0;
padding: 0;
-webkit -box-sizing: border-box;
-moz -box-sizing: border-box;
box-sizing: border-box;
-webkit -transition: all 500ms ease;
-o -transition: all 500ms ease;
transition: all 500ms ease;
}

.social {
position: fixed;
left: 0;
top: 200px;
}

.social ul{
list-style:none ;
}


.social ul li a{
display: inline-block;
color: #fff;
background: #000;
padding: 10px 15px;
text-decoration: none;
}

.social ul li  .fa-whatsapp {background:#25d366 ;}
.social ul li  .fa-facebook-official {background:#3b5998;}

.social ul li a:hover{
padding: 10px 30px;
background: #000;
}