.social-sidebar{
position:fixed;
top:50%;
left:0;
transform:translateY(-50%);
z-index:9999;
}

.social-sidebar a{
display:flex;
align-items:center;
text-decoration:none;
margin:10px 0;
padding:6px 8px;
border-radius:0 30px 30px 0;
width:50px;
overflow:hidden;
transition:.4s;
color:#fff;
font-family:Arial;
box-shadow:0 4px 10px rgba(0,0,0,.25);
}

.social-sidebar i{
font-size:18px;
width:36px;
height:36px;
min-width:36px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#fff;
margin-right:10px;
transition:.5s;
}

.social-sidebar span{
opacity:0;
white-space:nowrap;
transition:.3s .1s;
font-size:15px;
font-weight:600;
}

.social-sidebar a:hover{width:170px;}
.social-sidebar a:hover span{opacity:1;}
.social-sidebar a:hover i{transform:rotate(360deg);}

/* colors */

.call{background:#444}
.call i{color:#444}

.whatsapp{background:#25D366}
.whatsapp i{color:#25D366}

.telegram{background:#0088cc}
.telegram i{color:#0088cc}

.facebook{background:#3b5998}
.facebook i{color:#3b5998}

.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
.instagram i{color:#e1306c}

.twitter{background:#000}
.twitter i{color:#000}

.linkedin{background:#0077b5}
.linkedin i{color:#0077b5}

.youtube{background:#ff0000}
.youtube i{color:#ff0000}

.pinterest{background:#e60023}
.pinterest i{color:#e60023}

.gmb{background:#4285F4}
.gmb i{color:#4285F4}

.email{background:#666}
.email i{color:#666}

.website{background:#222}
.website i{color:#222}