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

<div class="card draft-card card-body">
  <div class="row mb-3">
    <div class="d-flex col-8">
      <img src="../assets/img/examples/secult.jpeg" alt="Secult" class="rounded-circle" width="48" height="48">
      <div class="ms-3">
        <h5 class="title-draft-card">Título da entidade ou oportunidade</h5>
        <small class="subtitle-draft-card">METADADOS RELEVANTES AQUI</small>
      </div>
    </div>
    <div class="col-4">
      <div class="favorite text-end">
        <i class="material-icons">star_border</i>
        <span>Favoritar</span>
      </div>
    </div>
  </div>

  <div class="row align-items-baseline mt-3">
    <div class="col-5">
      <div class="specific-action-buttons">
        <button class="btn btn-publish-custom me-2">Publicar</button>
        <button class="btn btn-archive-custom me-2">
          <img src="../assets/img/examples/box-archive.jpg" alt="Arquivar">
          <span>Arquivar</span>
        </button>
        <button class="btn btn-delete-custom me-2">
          <img src="../assets/img/examples/trash-icon.jpg" alt="Excluir">
          <span>Excluir</span>
        </button>
      </div>
    </div>
    <div class="col-7 d-flex align-items-center justify-content-end">
      <div class="form-check form-switch me-3">
        <input class="form-check-input" type="checkbox" id="syncSwitch">
        <label class="form-check-label" for="syncSwitch">Sincronizar</label>
      </div>
      <div>
        <button type="button" class="btn btn-outline-primary btn-lg me-2">
          Acessar
          <i class="material-icons">chevron_right</i>
        </button>
        <button type="button" class="btn btn-primary btn-lg">
          <i class="material-icons">edit</i>
          Editar
        </button>
      </div>
    </div>
  </div>
</div>