| .resp-sharing-button__link, |
| .resp-sharing-button__icon { |
| display: inline-block; |
| } |
| |
| .resp-sharing-button__link { |
| text-decoration: none; |
| color: #fff; |
| margin: 0.5em; |
| } |
| |
| .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; |
| border-color: #55acee; |
| } |
| |
| .resp-sharing-button--twitter:hover { |
| background-color: #2795e9; |
| } |
| |
| .resp-sharing-button--facebook { |
| background-color: #3b5998; |
| border-color: #3b5998; |
| } |
| |
| .resp-sharing-button--facebook:hover { |
| background-color: #2d4373; |
| } |
| |
| .resp-sharing-button--linkedin { |
| background-color: #0077b5; |
| border-color: #0077b5; |
| } |
| |
| .resp-sharing-button--linkedin:hover { |
| background-color: #046293; |
| } |
| |
| .resp-sharing-button--facebook:hover, |
| .resp-sharing-button--facebook:active { |
| background-color: #2d4373; |
| border-color: #2d4373; |
| } |
| |
| .resp-sharing-button--twitter:hover, |
| .resp-sharing-button--twitter:active { |
| background-color: #2795e9; |
| border-color: #2795e9; |
| } |
| |
| .resp-sharing-button--linkedin:hover, |
| .resp-sharing-button--linkedin:active { |
| background-color: #046293; |
| border-color: #046293; |
| } |