.accessible-star-rating{display:flex;label{color:grey;font-size:2.1rem;margin:0;padding:0 .25rem;position:relative;transition:color .15s}input{cursor:pointer;height:100%;inset:0;margin:0;opacity:0;position:absolute;width:100%}label:has(input:focus-visible){outline:2px solid #000;outline-offset:1px}label:is(:has(>input:checked),:has(~label>input:checked)){color:gold}label:is(:has(>input:hover),:has(~label>input:hover)){color:#daa520}label:has(input:active):has(input:active){color:#b8860b}}