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