JSFiddle - React, Tailwind, and code Playground

by Rodrigo Portillo

HTML

<div class="coelhinho">
  <input type="checkbox" id="coelho">
  <label for="coelho">Coelhinho se eu fosse como tu</label>
</div>

CSS

.coelhinho input{
  display: none;
}
.coelhinho input + label{
  padding: 10px 15px;
  background-color: #cecece;
  border-radius: 5px;

  font-family: sans-serif;
  cursor: pointer;
}
.coelhinho input:checked + label{
  background-color: blue;
  color: white;
}