Problems with Tag Label Pseudo-classes

Question

It is possible to apply effects of :hover, :active and :focus on the tag Label whole? I’m not getting it because the effect only applies to content label...

body{
  font-family:Helvetica,Arial;
}
.collapse{
  margin-top: 50px;
  transition:all .5s;
  opacity:0;
}

label:hover{
  background-color: green;
}
label:focus{
    background-color: yellow;
}
label:active{
  background-color: red;
}

label:before{
    content: "Generic button";
    padding: 6px 12px;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
    border-color: #CCC;
}
#do-collapse{
  visibility:hidden;
  position:absolute;
}
#do-collapse:checked ~ .collapse{  
  margin-top:10px;
  opacity:1;
}

<input type="checkbox" id="do-collapse"/> 
<label for="do-collapse"></label>
<div class="collapse">
  Something
</div>