JSFiddle - React, Tailwind, and code Playground
HTML
<div id="ajaxContent">
<div class="container-fluid">
<div class="col-md-6">
<p>Filters</p>
<ul id="searchRegsFilters" class="browse-ctp__filters-data">
<li>
<button name="find_751" class="square-btn include ">+</button>
<button name="exclude_751" class="square-btn exclude ">-</button>
01. Authorised in the manufacture of uncoated regenerated cellulose film (Annex II, Part 1) </li>
<li>
<button name="find_814" class="square-btn include ">+</button>
<button name="exclude_814" class="square-btn exclude ">-</button>
01. Combat against the spread of drugs - List A </li>
<li>
<button name="find_470" class="square-btn include ">+</button>
<button name="exclude_470" class="square-btn exclude ">-</button>
02. Annex II (Other fluorinated greenhouse gases) </li>
<li>
<button name="find_752" class="square-btn include ">+</button>
<button name="exclude_752" class="square-btn exclude ">-</button>
02. Authorised in the manufacture of coated regenerated cellulose film (Annex II, Part 2) </li>
<li>
<button name="find_815" class="square-btn include ">+</button>
<button name="exclude_815" class="square-btn exclude ">-</button>
02. Combat against the spread of drugs - List B </li>
<li>
<button name="find_816" class="square-btn include ">+</button>
<button name="exclude_816" class="square-btn exclude ">-</button>
03. Combat against the spread of drugs - List C </li>
<li>
<button name="find_362" class="square-btn include ">+</button>
<button name="exclude_362" class="square-btn exclude ">-</button>
03. Part 5 (Chemical toys (sets) other than...