<link rel="stylesheet" href="../dist/css/card.css">

    <div class="card card-body card-panel">
      <div class="top">
        <div class="text-bg-primary rounded-circle">
          <i class="material-icons">group</i>
        </div>

        <span>Agentes</span>
      </div>

      <div class="content">
        <span class="quantity">10</span>
        <span class="text">Eventos</span>
      </div>

      <button class="btn btn-outline-primary btn-group-icon">
        <i class="material-icons">add</i>
        <span>Criar</span>
      </button>
    </div>