<style>

*{margin:0;}

.s-soft
{ 
position: fixed; 
top: 220px ;
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: 50px;
height: 50px;
color: white; 
font-size: 25px;
line-height: 50px;
text-align: center;
transition:all linear 0.2s;
}

.s-item:hover 
{ 
width:80px;
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;}
.twitter {background-color: #3AAFD6;}
.print {background-color: #de3c7d;}
.youtube {background-color: #f10404;}
.linkedin {background-color: #0e76a8 ;}
.instagram {background-color:  #c32aa3;}
.so-collapse {left: -60px; }

</style>