<style>
*{margin:0;}.s-soft{ position: fixed; top: 100px ;
 left: 10; z-index: 1000; transition:all linear 0.2s ;}
.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: 20px;line-height: 30px;
text-align: center;transition:all linear 0.2s ;}
.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.2s ;}
.facebook {background-color:  #3b5999;}
.youtube {background-color: #fe0000;}
.whatsapp {background-color: #30ba44;}
.instagram{background-color:  #c32aa3;}
.phone{background-color:  #000;}
.so-collapse{left: -60px; }
</style>