/* Container for the overlapping stars */
.star-container {
    position: relative;
    display: inline-block;
}

/* Background empty star */
.star-bg {
    color: #C6C6C6;
}

/* Foreground filled star that gets clipped */
.star-fg {
    color: #E4B248;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
}