Plus 1 button won't align with others button

here is an exembple
https://www.tvqc.com/2012/09/le-fleuve-yangzi-jiang-en-chine-devient-rouge-photos-et-video/

my code

<style type="text/css" media="screen">
        iframe { vertical-align: top; }
</style>

<!-- Facebook's Like Button -->
<div class="fb-like" data-send="true" data-layout="button_count" data-width="150" data-show-faces="true"></div>

<!-- Twitter's Tweet Button -->
<a href="https://twitter.com/share" class="twitter-share-button" data-via="TVQC" data-lang="fr">Tweeter</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

<!-- Google's Button -->

<div class="g-plusone" data-size="medium"></div>

<!-- Pinterest's Button -->
<a href="https://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>" class="pin-it-button" count-layout="horizontal">Pin It</a>
<script type="text/javascript" src="https://assets.pinterest.com/js/pinit.js"></script>

<!-- stumbleupon's Button -->
<su:badge layout="1"></su:badge>

<!-- Place this snippet wherever appropriate -->
<script type="text/javascript">
  (function() {
    var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true;
    li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s);
  })();
</script>