<style>
*{margin:0;}.s-soft{ position: fixed; top: 100px ;
 left: 10; z-index: 1000; transition:all linear 0.5s ;}
.s-soft a:first-child{ border-radius: 0 5px 0 0;}
.s-soft a:last-child{ border-radius: 0 0 5px 0;}
.s-item { display:block; width: 30px;height: 30px;
color: white; font-size: 25px;line-height: 30px;
text-align: center;transition:all linear 0.5s ;}
.s-item:hover { width:110px;
border-radius:0px 20px 20px 0px;  }
#so-open { position: fixed; top: 100px ;
left: -90px;border-radius:0 30px 30px 0;
transition:all linear 0.5s ;}
.facebook {background-color:  #6dc04d;}
.instagram {background-color: #ff543e;}
.youtube {background-color: #6dc04d;}
.whatsapp {background-color: #6dc04d;}
.phone {background-color:  #000;}
.so-collapse{left: -60px; }
</style>