SendGrid style-guide billing invoice tables

tables-billing-invoices.html

<table class="table-wrap">
  <tr>
    <td><span class="label label-error">Failed</span></td>
    <td><strong><a href="#">April 30, 2018</a></strong></td>
    <td>Mastercard ending in 0163</td>
    <td class="align-right">$93.43</td>
  </tr>
  <tr>
    <td class="has-alert" colspan="4">
      <div class="alert alert-danger">
        <p>This payment failed to process. Please review your payment method, then retry.<button class="btn btn-small btn-secondary">Retry Payment</button></p>
      </div>
    </td>
  </tr>
  <tr>
    <td><span class="label label-success">Paid</span></td>
    <td><strong><a href="#">March 31, 2018</a></strong></td>
    <td>Mastercard ending in 0163</td>
    <td class="align-right">$93.43</td>
  </tr>
</table>