JSFiddle - React, Tailwind, and code Playground

by Slava Fomin II

HTML

<div class="checkbox"></div>

CSS

.checkbox {
  width: 100px;
  height: 100px;
  background-color: black;
}


.checkbox::before {
  display: block;
  content: '';
  width: 30px;
  height: 30px;
  background-color: lime;
}

.checkbox:hover.checkbox::before {
  background-color: deeppink;
}