Status

<div class="c-button-group">
  <div class="c-status">
    <i class="icon icon-clock c-status__icon"></i>
    <div class="c-status__label">Pending</div>
  </div>

  <div class="c-status c-status--success">
    <i class="icon icon-check c-status__icon"></i>
    <div class="c-status__label">Approved</div>
  </div>

  <div class="c-status c-status--warning">
    <i class="icon icon-edit c-status__icon"></i>
    <div class="c-status__label">Unsaved changes</div>
  </div>

  <div class="c-status c-status--error">
    <i class="icon icon-close c-status__icon"></i>
    <div class="c-status__label">Cancelled</div>
  </div>
</div>