/* Base styling for all stars */


/* Specific classes to show rating based on the number of stars */

/* One star */
.star1::before {
    content: '★';
    color: var(--theme);
    font-size: 12px;
    font-style: normal;
}

/* Two stars */
.star2::before {
    content: '★★';
    color:var(--theme);
    font-size: 12px;
    font-style: normal;
}

/* Three stars */
.star3::before {
    content: '★★★';
    color :var(--theme);
    font-size: 12px;
    font-style: normal;
}

/* Four stars */
.star4::before {
    content: '★★★★';
    color:var(--theme);
    font-size: 15px;
    font-style: normal;
}

/* Five stars */
.star5::before {
    content: '★★★★★';
    color:var(--theme);
    font-size: 12px;
    font-style: normal;
}