Estoy intentando hacer un `checkbox` personalizado en el que se cambie el color de fondo de mi `label` según está seleccionado o no, y de esta fora esconder el `checkbox` en si. El código que tengo es este:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .milabel {
      background-color:#c9c9c9;
      border-radius:5px;
      padding:20px;
      cursor:pointer;
      }
    input:checked{
      }

<!-- language: lang-html -->

    <input id="micb" type="checkbox"><br><br>
    <label class="milabel" for="micb"> Hola mundo! Soy clickeable </label>

<!-- end snippet -->


Sé que con el `input:checked` se puede modificar el `checkbox` en sí para darle cierto estilo pero desconozco.