input[type="checkbox"] {
  display: none;
}

input[type="checkbox"] + label {
  display: flex;
  align-items: center;
}

input[type="checkbox"] + label:before {
  content: '⬜️';
  margin-right: 20px;
}

input[type="checkbox"]:checked + label:before {
  content: '🌹';
}