.rating-widget{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.rating-stars{display:inline-flex;gap:6px}

.rating-stars button{
  font-size:28px; line-height:1; cursor:pointer; background:#fff; border:1px solid #eee;
  border-radius:8px; width:44px; height:44px; display:inline-flex; align-items:center; justify-content:center;
}
.rating-stars button:hover, .rating-stars button:focus{outline:none; border-color:#f2c46f}
.rating-stars button.on{color:#f5a623}


.rating-stars button{
  font-size:32px; width:40px; height:40px;
  display:inline-flex; align-items:center; justify-content:center;
  background:transparent; border:none;            /* niente quadretti */
  color:#b9b0aa;                                   /* visibile a riposo */
  transition:color .2s, transform .05s;
}
.rating-stars button.on{ color:#f5a623; }          /* stelle attive */
.rating-stars button:hover,
.rating-stars button:focus-visible{
  color:#f6b84e; transform:translateY(-1px);
  outline:none;
}



.rating-meta{color:#666}
.rating-lock{opacity:.7; font-size:.9rem}