Styleguide

Social share links - stacked 

              <a href="https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Ffront.moveon.org" target="_blank" aria-label="Share on Facebook" class="share_item flex"><svg><use xlink:href="#facebook"></use></svg>Share on Facebook</a>
              <a href="https://twitter.com/intent/tweet/?via=MoveOnOrg" target="_blank" aria-label="Share on Twitter" class="share_item flex"><svg><svg><use xlink:href="#twitter"></use></svg></svg>Tweet this</a>
              <a href="mailto:?subject=An%20article%20from%20MoveOn%20&amp;body=http%3A%2F%2Ffront.moveon.org" class="share_item flex"><svg><svg><use xlink:href="#mail"></use></svg></svg>Email a friend</a>

Social share links - inline 

              <a href="https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Ffront.moveon.org" target="_blank" aria-label="Share on Facebook" class="share_item flex"><svg><use xlink:href="#facebook"></use></svg>Share on Facebook</a>
              <a href="https://twitter.com/intent/tweet/?via=MoveOnOrg" target="_blank" aria-label="Share on Twitter" class="share_item flex"><svg><svg><use xlink:href="#twitter"></use></svg></svg>Tweet this</a>
              <a href="mailto:?subject=An%20article%20from%20MoveOn%20&amp;body=http%3A%2F%2Ffront.moveon.org" class="share_item"><svg><svg><use xlink:href="#mail"></use></svg></svg>Email a friend</a>

Social share links - stacked buttons 

              <a href="https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Ffront.moveon.org" target="_blank" aria-label="Share on Facebook" class="share_item__btn flex mb-2"><svg><use xlink:href="#facebook"></use></svg>Share on Facebook</a>
              <a href="https://twitter.com/intent/tweet/?via=MoveOnOrg" target="_blank" aria-label="Share on Twitter" class="share_item__btn flex mb-2"><svg><svg><use xlink:href="#twitter"></use></svg></svg>Tweet this</a>
              <a href="mailto:?subject=An%20article%20from%20MoveOn%20&amp;body=http%3A%2F%2Ffront.moveon.org" class="share_item__btn flex"><svg><svg><use xlink:href="#mail"></use></svg></svg>Email a friend</a>

Social share links - inline buttons 

              <a href="https://facebook.com/sharer/sharer.php?u=http%3A%2F%2Ffront.moveon.org" target="_blank" aria-label="Share on Facebook" class="share_item__btn"><svg><use xlink:href="#facebook"></use></svg>Share on Facebook</a>
              <a href="https://twitter.com/intent/tweet/?via=MoveOnOrg" target="_blank" aria-label="Share on Twitter" class="share_item__btn"><svg><svg><use xlink:href="#twitter"></use></svg></svg>Tweet this</a>
              <a href="mailto:?subject=An%20article%20from%20MoveOn%20&amp;body=http%3A%2F%2Ffront.moveon.org" class="share_item__btn"><svg><svg><use xlink:href="#mail"></use></svg></svg>Email a friend</a>