JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" id='checkbox'>

<label for="checkbox" tabindex="0" role="button" aria-pressed="false">Save</label>

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque cupiditate, vel nobis quisquam fuga id incidunt eaque voluptatum dolores numquam, consectetur est quidem nisi corrupti similique provident ex hic blanditiis.</p>

CSS

input {
  display: block;
  position: relative;
  top: -20px;
  opacity: 0;
  width: 1px;
  height: 1px;
}
input:focus+label {
  outline: 1px solid green;
}
input:checked+label {
  outline: 1px solid red;
}
input:checked+label+p {
  color:red;
}