.rate{float:left;height:46px;padding:0 10px}.rate:not(:checked)>input{position:absolute;top:-9999px}.rate:not(:checked)>label{float:right;width:1em;overflow:hidden;white-space:nowrap;cursor:pointer;font-size:30px;color:#ccc}.rate:not(:checked)>label:before{content:"★ "}.rate:not(:checked)>label:hover,.rate:not(:checked)>label:hover~label,.rate>input:checked+label:hover,.rate>input:checked+label:hover~label,.rate>input:checked~label,.rate>input:checked~label:hover,.rate>input:checked~label:hover~label,.rate>label:hover~input:checked~label{color:#ffc700}