Order Cards

<div class="c-order-cards">
  <div class="c-order-card c-order-card--ticket">
    <div class="c-order-card__title">Ticket title</div>
    <div class="c-order-card__subtitle">Subtitle</div>
    <div class="c-order-card__code">Code</div>
    <div class="c-order-card__status c-order-card__status--success">
      <i class="icon icon-check"></i> <span>Success</span>
    </div>
  </div>
  <div class="c-order-card c-order-card--bundle">
    <div class="c-order-card__title">Bundle title</div>
    <div class="c-order-card__code">Code</div>
    <div class="c-order-card__badge">A</div>
    <div class="c-order-card__status c-order-card__status--error">
      <i class="icon icon-close"></i> <span>Error</span>
    </div>
  </div>
  <div class="c-order-card c-order-card--product">
    <div class="c-order-card__title">Product title</div>
    <div class="c-order-card__subtitle">Subtitle</div>
    <div class="c-order-card__code">Code</div>
  </div>
  <div class="c-order-card c-order-card--bundle c-order-card--stack">
    <div class="c-order-card__title">Stacked card</div>
    <div class="c-order-card__code">Code</div>
    <div class="c-order-card__badge">B</div>
  </div>
  <div class="c-order-card c-order-card--ticket c-order-card--selected">
    <div class="c-order-card__title">Selected card</div>
    <div class="c-order-card__code">Code</div>
  </div>
  <div class="c-order-card c-order-card--ticket c-order-card--disabled">
    <div class="c-order-card__title">Disabled card</div>
    <div class="c-order-card__subtitle">Subtitle</div>
    <div class="c-order-card__code">Code</div>
    <div class="c-order-card__status c-order-card__status--success">
      <i class="icon icon-check"></i> <span>Success</span>
    </div>
  </div>
</div>