<> .social-sharing{ position: fixed; bottom:5px; left: 5px; } .social-sharing .count{ background-color: red; border-radius: 50px; font-size: 10px; text-align: center; position: absolute; width: 30px; height: 30px; line-height: 30px; top: -20px; } .resp-sharing-button__link, .resp-sharing-button__icon { display: inline-block } .resp-sharing-button__link { text-decoration: none; color: #fff; position: relative; } .resp-sharing-button { border-radius: 5px; transition: 25ms ease-out; padding: 0.5em 0.75em; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; } .resp-sharing-button__icon svg { width: 1em; height: 1em; margin-right: 0.4em; vertical-align: top } .resp-sharing-button--small svg { margin: 0; vertical-align: middle } /* Non solid icons get a stroke */ .resp-sharing-button__icon { stroke: #fff; fill: none } /* Solid icons get a fill */ .resp-sharing-button__icon--solid, .resp-sharing-button__icon--solidcircle { fill: #fff; stroke: none } .resp-sharing-button--tumblr { background-color: #35465C } .resp-sharing-button--tumblr:hover { background-color: #222d3c } .resp-sharing-button--reddit { background-color: #5f99cf } .resp-sharing-button--reddit:hover { background-color: #3a80c1 } .resp-sharing-button--google { background-color: #dd4b39 } .resp-sharing-button--google:hover { background-color: #c23321 } .resp-sharing-button--linkedin { background-color: #0077b5 } .resp-sharing-button--linkedin:hover { background-color: #046293 } .resp-sharing-button--xing { background-color: #1a7576 } .resp-sharing-button--xing:hover { background-color: #114c4c } .resp-sharing-button--hackernews { background-color: #FF6600 } .resp-sharing-button--hackernews:hover.resp-sharing-button--hackernews:focus { background-color: #FB6200 } .resp-sharing-button--vk { background-color: #507299 } .resp-sharing-button--vk:hover { background-color: #43648c } .resp-sharing-button--facebook { background-color: #3b5998; border-color: #3b5998; } .resp-sharing-button--facebook:hover, .resp-sharing-button--facebook:active { background-color: #2d4373; border-color: #2d4373; } .resp-sharing-button--twitter { background-color: #55acee; border-color: #55acee; } .resp-sharing-button--twitter:hover, .resp-sharing-button--twitter:active { background-color: #2795e9; border-color: #2795e9; } .resp-sharing-button--email { background-color: #777777; border-color: #777777; } .resp-sharing-button--email:hover, .resp-sharing-button--email:active { background-color: #5e5e5e; border-color: #5e5e5e; } .resp-sharing-button--pinterest { background-color: #bd081c; border-color: #bd081c; } .resp-sharing-button--pinterest:hover, .resp-sharing-button--pinterest:active { background-color: #8c0615; border-color: #8c0615; } .resp-sharing-button--whatsapp { background-color: #25D366; border-color: #25D366; } .resp-sharing-button--whatsapp:hover, .resp-sharing-button--whatsapp:active { background-color: #1DA851; border-color: #1DA851; } .scroll-top{ bottom:-100px; } .resp-sharing-button--top { background-color: #25D366; border-color: #25D366; } .resp-sharing-button--top:hover, .resp-sharing-button--top:active { background-color: #1DA851; border-color: #1DA851; }