JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<a class="btn btn-success btn-lg checkout" href="/foo/buy">
  <i class="glyphicon glyphicon-shopping-cart"></i> $50.00
</a>

<form action="/subscriptions" accept-charset="UTF-8" method="post">
  <div class="btn-group">
    <button class="btn btn-default btn-lg" type="submit">
      <i class="glyphicon glyphicon-eye-open"></i> Watch
    </button>
    <a class="btn btn-default btn-lg" href="/foo/watchers">
      <span>1</span>
    </a>
  </div>
</form>

<form action="/wishlists" accept-charset="UTF-8" method="post">
  <div class="btn-group">
    <button class="btn btn-default btn-lg" type="submit">
      <i class="glyphicon glyphicon-gift"></i> Add to wishlist
    </button>
    <a class="btn btn-default btn-lg" href="/foo/wishlists">
      <span>1</span>
    </a>
  </div>
</form>