.floating-sidebar{position:fixed;top:50%;left:0;transform:translateY(-50%);display:flex;flex-direction:column;z-index:1000}.floating-link{display:flex;align-items:center;background:#333;color:#fff;text-decoration:none;padding:10px;width:50px;transition:width .3s;overflow:hidden;white-space:nowrap}.floating-link .icon{width:30px;text-align:center}.floating-link .text{display:none;margin-left:10px}.floating-link:hover{width:150px}.floating-link:hover .text{display:inline;color:#fff}.floating-link.facebook{background:#3b5998}.floating-link.twitter{background:#00acee}.floating-link.linkedin{background:#0e76a8}.floating-link.instagram{background:#e4405f}.floating-link:hover i{color:#fff}@media (max-width:480px){.floating-sidebar{top:auto;bottom:0;left:0;width:100%;transform:none;flex-direction:row;justify-content:space-around;background:rgba(0,0,0,.8)}.floating-link{flex-direction:column;width:auto;padding:8px;transition:none;justify-content:center}.floating-link:hover{width:auto}.floating-link .text{display:none}}