Anyone could change this for me? Rating system css from "high to low" to "low to high"

currently I want to use this rating system from http://ift.tt/1ebTRMj . But currently it works when you hover from right to left. Feel free to try it out in the link given. But I wanted to have a rating system which hovers from left to right.

I do not have any basic knowledge on css. Any answers would be very appreciated. Thank you.

&:hover {
    //Apply styles to this and all subsequent radio buttons
    /*  This is the reason why it has to go from high-to-low
        In CSS4, we should be able to use !, which will select
        up the DOM (select elements _before_ this one)  */
    &:before, ~:before {
      transition:none;
      background:#2ecc71;
      box-shadow:inset 0 0 4px rgba(0,0,0,0.4);
    }
  }