[type=checkbox] og css

Hej Eksperter

Jeg kan simpelthen ikke få dette til at virke.
Når den er checked skal den vise noget.

label.checkbox:before {
    content: "hej"; <--------- det er bare lige for at vise der skal ske noget.
}

input.input-checkbox[type=checkbox]:checked + label.checkbox:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f00c";
    display: block;
    width: 20px;
    height: 20px;
    font-size: 17px;
    position: relative;
    z-index: 1;
}

Jeg ved ikke hvad jeg skal gøre, jeg har søgt men ingen ting virker :o/

Med venlig hilsen
Morten