<div class="opportunity-card">
  <div class="opportunity-card-header">
    <div class="text-end">
      ID: <span class="fw-bold">45456</span>

      <i class="material-icons text-primary ms-2">check_circle</i>
      Inscrições abertas
    </div>

    <div class="d-flex mt-1 mb-3 align-items-center">
      <img src="../assets/img/examples/agent-card-two.png" alt="Foto do agente" class="rounded-circle">

      <span class="fw-bold ps-3">Vaga para desenvolvedor de software com foco em linguagens de programação web</span>
    </div>
    <div class="fw-bold mb-2">
      TIPO: <span class="text-danger me-3">TESTE</span>
      VINCULADO COM <ENTIDADE>: <a class="text-primary fw-bold text-decoration-none" href="#">Associação dos Pescadores</a>
    </div>
    <p class="text-orange fw-bold">
      Inscrições de 01/01/2001 à 31/01/2001
    </p>
    <p>
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua...
    </p>
    <div class="additional-info">
      <span class="fw-bold">AREAS DE INTERESSE:</span>
      <br>
      <span class="text-orange">Pesca, Antropologia, Ciencias Ocultas</span>
    </div>
    <div class="additional-info mt-2">
      <span class="fw-bold">TAGS:</span>
      <br>
      <span class="text-orange">Pesca, Antropologia, Ciencias Ocultas</span>
    </div>
  </div>

  <div class="d-flex justify-content-between align-items-center mt-2">
    <div class="additional-info">
      <span class="fw-bold">SELOS:</span>
      <br>
      <div class="stamp-square mt-1"></div>
    </div>

    <div>
      <button class="btn btn-primary btn-lg">Conferir <i class="material-icons">chevron_right</i> </button>
    </div>
  </div>
</div>