src/styles/sharing-buttons.scss
.resp-sharing-button__link,.resp-sharing-button__icon { display: inline-block} .resp-sharing-button__link { text-decoration: none; color: #fff; margin: 0 0.5rem 1rem 0.5rem} .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--twitter { background-color: #55acee} .resp-sharing-button--twitter:hover { background-color: #2795e9} .resp-sharing-button--facebook { background-color: #3b5998} .resp-sharing-button--facebook:hover { background-color: #2d4373} .resp-sharing-button--reddit { background-color: #5f99cf} .resp-sharing-button--reddit:hover { background-color: #3a80c1} .resp-sharing-button--linkedin { background-color: #0077b5} .resp-sharing-button--linkedin:hover { background-color: #046293} .resp-sharing-button--email { background-color: #777} .resp-sharing-button--email:hover { background-color: #5e5e5e} .resp-sharing-button--xing { background-color: #1a7576} .resp-sharing-button--xing:hover { background-color: #114c4c} .resp-sharing-button--whatsapp { background-color: #25D366} .resp-sharing-button--whatsapp:hover { background-color: #1da851} .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--linkedin { background-color: #0077b5; border-color: #0077b5;} .resp-sharing-button--linkedin:hover,.resp-sharing-button--linkedin:active { background-color: #046293; border-color: #046293;} .resp-sharing-button--reddit { background-color: #5f99cf; border-color: #5f99cf;} .resp-sharing-button--reddit:hover,.resp-sharing-button--reddit:active { background-color: #3a80c1; border-color: #3a80c1;} .resp-sharing-button--xing { background-color: #1a7576; border-color: #1a7576;} .resp-sharing-button--xing:hover,.resp-sharing-button--xing:active { background-color: #114C4C; border-color: #114C4C;} .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;} .resp-sharing-button--hackernews { background-color: #FF6600; border-color: #FF6600;} .resp-sharing-button--hackernews:hover,.resp-sharing-button--hackernews:active { background-color: #FB6200; border-color: #FB6200;} .resp-sharing-button--vk { background-color: #507299; border-color: #507299;} .resp-sharing-button--vk:hover,.resp-sharing-button--vk:active { background-color: #43648c; border-color: #43648c;} .resp-sharing-button--telegram { background-color: #54A9EB;} .resp-sharing-button--telegram:hover { background-color: #4B97D1;}