Recipe – span:not([data-tr-checked]) svg [data-tr-default-rating]>span:not([data-tr-checked]) svg [data-tr-default-rating] span[data-tr-checked]~span svg [data-tr-default-rating] span[data-tr-checked]~span svg input :checked~span svg input :checked~span svg @media only screen and (min-width:1024px) :hover span svg :hover>:hover svg, :not(:hover)>input:checked~span svg, >:hover svg, >:hover~span svg :hover>:hover svg, :not(:hover)>input:checked~span svg, >:hover svg, >:hover~span svg } a :after :after , , , , div p, , , div p span , span , span , span div p span :first-child[data-rating=”5″], span :first-child[data-rating=”5″], span :first-child[data-rating=”5″], span :first-child[data-rating=”5″] div p input[type=radio] >span >span i >span:first-child a, a:link label –> Skip to content span:not([data-tr-checked]) svg [data-tr-default-rating]>span:not([data-tr-checked]) svg [data-tr-default-rating] span[data-tr-checked]~span svg [data-tr-default-rating] span[data-tr-checked]~span svg input :checked~span svg input :checked~span svg @media only screen and (min-width:1024px) :hover span svg :hover>:hover svg, :not(:hover)>input:checked~span svg, >:hover svg, >:hover~span svg :hover>:hover svg, :not(:hover)>input:checked~span svg, >:hover svg, >:hover~span svg } a :after :after , , , , div p, , , div p span , span , span , span div p span :first-child[data-rating=”5″], span :first-child[data-rating=”5″], span :first-child[data-rating=”5″], span :first-child[data-rating=”5″] div p input[type=radio] >span >span i >span:first-child a, a:link label –> Skip to content