.penilaian-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}
.spuas{background-image:url("../images/icon/sangat.png");}
.puas{background-image:url("../images/icon/puas.png");}
.cukup{background-image:url("../images/icon/cukup.png");}
.tidak{background-image:url("../images/icon/tidak.png");}

.penilaian-selector input:active +.tombol-penilaian{opacity: .9;}
.penilaian-selector input:checked +.tombol-penilaian{
    -webkit-filter: none;
       -moz-filter: none;
            filter: none;
}
.tombol-penilaian{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:150px;height:100px;
    -webkit-transition: all 100ms ease-in;
       -moz-transition: all 100ms ease-in;
            transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
       -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
            filter: brightness(1.8) grayscale(1) opacity(.7);
}
.tombol-penilaian:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
       -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
            filter: brightness(1.2) grayscale(.5) opacity(.9);
}