/* Explain: Styles for the interactive star-rating widget. */
/* Interactive star-rating widget used in the reviews section. */
.rating-star {
    padding: 0.15rem;
    border: 0;
    background: transparent;
    color: rgba(201, 162, 39, 0.33);
    font-size: 1.9rem;
    line-height: 1;
    cursor: pointer;
    transition: color 200ms ease, transform 200ms ease;
}

.rating-star:hover,
.rating-star.is-on {
    color: var(--gold);
    transform: translateY(-2px);
}

.rating-star:focus-visible {
    outline: 2px solid var(--gold);
    outline-offset: 2px;
    border-radius: 0.5rem;
}