#share-bar{display:block;position:fixed;top:50%;transform:translateY(-50%);z-index:9999}.sharing-providers{list-style-type:none;margin:0;padding:0}.sharing-providers>li{background:#777;display:block;height:45px;margin:0;padding:0;text-align:center;transition:all .5s;width:45px}.sharing-providers.circle>li{border-radius:50%;margin:2px}#share-bar.left{left:0}#share-bar.left .sharing-providers>li{margin-left:0}#share-bar.right{right:0}#share-bar.right .sharing-providers>li{margin-right:0}.sharing-providers>li>a{align-items:center;border-radius:50%;display:flex;height:45px;justify-content:center;line-height:45px;text-decoration:none!important;width:45px}.sharing-providers>li>a>svg{color:#fff;height:20px;width:20px}.sharing-providers>li>a,.sharing-providers>li>a:hover{text-decoration:none}#share-bar.animate .sharing-providers>li:hover{transform:translateX(5px)}#share-bar.right.animate .sharing-providers>li:hover{transform:translateX(-5px)}.sharing-providers>li.facebook:hover{background:#4267b2}.sharing-providers>li.twitter:hover{background:#1da1f2}.sharing-providers>li.linkedin:hover{background:#0077b5}.sharing-providers>li.email:hover{background:#e3a129}@media (max-width:680px){#share-bar{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:transparent;bottom:0;left:50%!important;padding:8px 0;right:auto;text-align:center;top:auto;transform:translate(-50%);width:100%}#share-bar .sharing-providers>li{display:inline-block}#share-bar.animate .sharing-providers>li:hover{transform:translateX(0)!important;transform:translateY(-5px)!important}}