Untitled

 <!--Item 1-->
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button
        class="accordion-button"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#collapseOne"
        aria-expanded="true"
        aria-controls="collapseOne"
      >
        Status
      </button>
    </h2>
    <div
      id="collapseOne"
      class="accordion-collapse collapse show"
      data-bs-parent="#accordionExample"
    >
      <div class="accordion-body">
        <button type="button" class="btn btn-outline-primary">Alive</button>
        <!--
            <button type="button" class="btn btn-outline-primary">Alive</button>
            <button type="button" class="btn btn-outline-primary">Dead</button>
            <button type="button" class="btn btn-outline-primary">Unknow</button>
            -->
      </div>
    </div>
  </div>
  <!--Item 2-->
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button
        class="accordion-button"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#collapseOne"
        aria-expanded="true"
        aria-controls="collapseOne"
      >
        Species
      </button>
    </h2>
    <div
      id="collapseOne"
      class="accordion-collapse collapse show"
      data-bs-parent="#accordionExample"
    >
      <div class="accordion-body">
        <button type="button" class="btn btn-outline-primary">Human</button>
        <button type="button" class="btn btn-outline-primary">Alien</button>
        <button type="button" class="btn btn-outline-primary">Humanoid</button>
        <button type="button" class="btn btn-outline-primary">
          Poopybutthole
        </button>
        <button type="button" class="btn btn-outline-primary">
          Mythological
        </button>
        <button type="button" class="btn btn-outline-primary">Disease</button>
        <button type="button" class="btn btn-outline-primary">
          Cronenberg
        </button>
        <button type="button" class="btn btn-outline-primary">Planet</button>
      </div>
    </div>
  </div>
  <!--Item 3-->
  <div class="accordion-item">
    <h2 class="accordion-header">
      <button
        class="accordion-button"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#collapseOne"
        aria-expanded="true"
        aria-controls="collapseOne"
      >
        Gender
      </button>
    </h2>
    <div
      id="collapseOne"
      class="accordion-collapse collapse show"
      data-bs-parent="#accordionExample"
    >
      <div class="accordion-body">
        <button type="button" class="btn btn-outline-primary">female</button>
        <button type="button" class="btn btn-outline-primary">male</button>
        <button type="button" class="btn btn-outline-primary">
          genderless
        </button>
        <button type="button" class="btn btn-outline-primary">unknown</button>
      </div>
    </div>
  </div>