SendGrid style-guide feature comparison table

feature-comparison.html

<table class="compare-table-wrap">
  <thead>
    <tr>
      <th class="transparent"></th>
      <th>AWS Basic</th>
      <th class="alt">AWS Pro</th>
    </tr>
  </thead>
  <tbody>
    <tr class="no-highlight spacer">
      <td></td>
      <td class="val"></td>
      <td class="val val-alt"></td>
    </tr>
    <tr class="is-top">
      <td>Monthly plan price</td>
      <td class="val">$10.00</td>
      <td class="val val-alt">$80.00</td>
    </tr>
    <tr>
      <td><span class="has-underline" data-tooltip="You may send up to this number of emails at no additional charge." data-tooltip-pos="down" data-tooltip-length="large">Emails/month included in plan</span></td>
      <td class="val">40,000</td>
      <td class="val val-alt">100,000</td>
    </tr>
    <tr class="is-bottom">
      <td><span class="has-underline" data-tooltip="All SendGrid Marketing Campaigns features are available in either plan for an extra $10/month for every 10,000 contacts stored. Your first 2,000 contacts are free." data-tooltip-pos="down" data-tooltip-length="large">Price per extra 10,000 contacts</span></td>
      <td class="val">$10.00</td>
      <td class="val val-alt">$10.00</td>
    </tr>
    <tr class="no-highlight spacer">
      <td></td>
      <td class="val"></td>
      <td class="val val-alt"></td>
    </tr>
    <tr class="is-top no-highlight">
      <td>Other Features</td>
      <td class="val"></td>
      <td class="val val-alt"></td>
    </tr>
    <tr>
      <td>APIs and webhooks</td>
      <td class="val"><i class="sg-icon sg-icon-check color-mantis"></i></td>
      <td class="val val-alt"><i class="sg-icon sg-icon-check color-mantis"></i></td>
    </tr>
    <tr class="no-highlight">
      <td><a href="#">Show all features <i class="sg-icon sg-icon-caret" style="top: 3px; position: relative;"></i></a></td>
      <td class="val"></td>
      <td class="val val-alt"></td>
    </tr>
    <tr class="is-bottom no-highlight">
      <td></td>
      <td class="val color-mantis">
        <button class="btn btn-primary">Choose</button>
      </td>
      <td class="val val-alt">
        <button class="btn btn-primary">Choose</button>
      </td>
    </tr>
  </tbody>
</table>