ul {
   list-style: none;
   margin: 0;
   padding: 0;
}
#sticky-social {
   left: 0;
   position: fixed;
   top: 32.5%;
   z-index: 2000;
}

#sticky-social a {
   background: #4B4B4B;
   color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
   height: 45px;
   font: 19px "Roboto", sans-serif;
   line-height: 35px;
   position: relative;
   text-align: center;
   width: 45px;
}
#sticky-social a span {
   line-height: 45px;
   left: -120px;
   position: absolute;
   text-align:center;
   width:120px;
   transition: .25s; 
   font-size: 14px;
}

#sticky-social a:hover span {
   left: 100%;
}

#sticky-social a[id*="buttonShowHide"]{ background:rgba(255,255,255, 0); color: #4B4B4B; }
#sticky-social a[class*="facebook"]:hover, #sticky-social a[class*="facebook"] span { background: #3b5998; }
#sticky-social a[class*="twitter"]:hover, #sticky-social a[class*="twitter"] span { background: #010101; }
#sticky-social a[class*="youtube"]:hover, #sticky-social a[class*="youtube"] span { background: #FF0000; }
#sticky-social a[class*="instagram"]:hover, #sticky-social a[class*="instagram"] span { background: #E03C62; }
#sticky-social a[class*="tiktok"]:hover, #sticky-social a[class*="tiktok"] span { background: #161823; }
#sticky-social a[class*="linkedin"]:hover, #sticky-social a[class*="linkedin"] span { background: #007bb6; }
#sticky-social a[class*="rss"]:hover, #sticky-social a[class*="rss"] span { background: #F5A623; }
 
/* kod koji se dodaje samo za internet explorer */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#sticky-social a span {
	   top: 0;
	}
}
