JSFiddle - React, Tailwind, and code Playground

HTML

<div class="catalog-filters">
			<p class="feature-name"> производители</p>

			<form action="/echo" method="post" >

			<input type="checkbox" name="check-filter1" id="check-filter1">
			<label class="check" for="check-filter1">baxter of california</label>
			<br>

			<input type="checkbox" name="check-filter2" id="check-filter2">
			<label class="check" for="check-filter2">mr natty</label>
			<br>
			<input type="checkbox" name="check-filter3" id="check-filter3">
			<label class="check" for="check-filter3">suavecito</label>
			<br>
			<input type="checkbox" name="check-filter4" id="check-filter4">
			<label class="check" for="check-filter4">malin+goetz</label>
			<br>
			<input type="checkbox" name="check-filter5" id="check-filter5">
			<label class="check" for="check-filter5">murray's</label>
			<br>
			<input type="checkbox" name="check-filter6" id="check-filter6">
			<label class="check" for="check-filter6">american crew</label>
			<br>
			<p class="feature-name">группы товаров:</p>

			<input type="radio" name="radio-filter1" id="radio-filter1" value="razor">
			<label class="radio" for="radio-filter1">бритвенные принадлежности</label>
			<br>
			<input type="radio" name="radio-filter1" id="radio-filter2" value="beard-care">
			<label class="radio" for="radio-filter2">средства для ухода</label>
			<br>
			<input type="radio" name="radio-filter1" id="radio-filter3" value="misc">
			<label class="radio" for="radio-filter3">аксессуары</label>
			<button class="btn"> показать</button>
			</form>
		</div>

CSS

input[type=checkbox] {
display: none;

}

label.check:before {
content: "";
display: inline-block;
position: relative;
top: 5px;
width: 16px;
height: 16px;
border: solid #000 2px;
margin-right: 20px;



}
label.check {
  position: relative;
}

input[type=checkbox]:checked + label.check:after {
 
content: "\2716";

font-size: 18px;
text-align: center;
position: absolute;
top: 1px;
left: 2px;
width: 16px;
height: 16px;
line-height: 16px;
}

input[type=radio] {
display: none  ;

}

label.radio:before {
content: "";
display: inline-block;
position: relative;
top: 5px;
width: 16px;
height: 16px;
border-radius: 16px;
border: solid #000 2px;
margin-right: 20px;

}

input[type=radio]:checked + label.radio:before {
 
content: "⚫";

font-size: 16px;
text-align: center;

}