JSFiddle - React, Tailwind, and code Playground

HTML

<li class="twitter-btn-icon">
  <a href="//twitter.com/share?text=<?php echo urlencode( get_the_title() ); ?>&amp;url=<?php echo urlencode( punycode_encode( get_permalink() ) ) ?><?php echo get_twitter_via_param(); //ツイートにTwitter ID ?>" class="twitter-btn-icon-link" target="blank" rel="nofollow">
    <span class="social-icon icon-twitter"></span>
    <!-- <span class="social-count twitter-count"><span class="fa fa-spinner fa-pulse"></span></span> -->
  </a>
</li>

<li class="google-plus-btn-icon">
  <a href="//plus.google.com/share?url=<?php echo rawurlencode(get_permalink($post->ID)) ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;" class="google-plus-btn-icon-link"
  target="blank" rel="nofollow">
    <span class="social-icon icon-googleplus"></span>
    <span class="social-count googleplus-count"><span class="fa fa-spinner fa-pulse"></span>
    </span>
  </a>
</li>

<li class="pocket-btn-icon">
  <a href="//getpocket.com/edit?url=<?php the_permalink() ?>" class="pocket-btn-icon-link" target="blank" rel="nofollow">
    <span class="social-icon icon-pocket"></span>
    <span class="social-count pocket-count"><span class="fa fa-spinner fa-pulse"></span>
    </span>
  </a>
</li>