.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:5px;
border-radius:0 30px 30px 0;
width:45px;
overflow:hidden;
transition:all .4s ease;
color:#fff;
font-family:sans-serif;
box-shadow:0 2px 5px rgba(0,0,0,.2);
}

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

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

.social-sidebar a:hover{
width:160px;
}

.social-sidebar a:hover span{
opacity:1;
}

.social-sidebar a:hover i{
transform:rotate(360deg);
}

/* COLORS */

.facebook{background:#3b5998}
.instagram{background:#d62976}
.twitter{background:#000}
.linkedin{background:#0077b5}
.youtube{background:#ff0000}
.pinterest{background:#e60023}
.whatsapp{background:#25D366}
.telegram{background:#0088cc}
.reddit{background:#ff4500}
.snapchat{background:#fffc00;color:#000}
.tiktok{background:#000}
.github{background:#333}
.discord{background:#5865F2}