div.ccm-rating.accessible .rating-wrapper {
    display: inline-block;
    margin: 0;
    padding: 0;
}

div.ccm-rating.accessible .rating-wrapper label {
    display: inline-block;
    margin: 0 5px 0 0;
    color: #000;
    border-bottom: 2px solid transparent;
    cursor: pointer;
}

div.ccm-rating.accessible .rating-wrapper label:last-of-type {
    margin-right: 0;
}

div.ccm-rating.accessible .rating-wrapper legend.visually-hidden {
    float: none;
}

div.ccm-rating.accessible .rating-wrapper label:before {
    content: '\f005';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 20px;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
    line-height: 1;
    color: inherit;
}

div.ccm-rating.accessible .rating-wrapper input:checked ~ label {
    color: #768692;
}

div.ccm-rating.accessible .rating-wrapper input:checked + label {
    color: #000;
    border-bottom-color: #000;
}

div.ccm-rating.accessible .rating-wrapper input:focus + label {
    border-bottom-style: dotted;
}

div.ccm-rating.accessible .rating-wrapper:hover input + label {
    color: #000;
}

div.ccm-rating.accessible .rating-wrapper input:hover ~ label,
div.ccm-rating.accessible .rating-wrapper input:focus ~ label,
div.ccm-rating.accessible .rating-wrapper input[value="0"] + label {
    color: #768692;
}

div.ccm-rating.accessible .rating-wrapper input:hover + label,
div.ccm-rating.accessible .rating-wrapper input:focus + label {
    color: #000;
}

div.ccm-rating.accessible .rating-wrapper input[value="0"]:checked + label {
    color: #d4281c;
}

div.ccm-rating.accessible .rating-wrapper input:checked ~ label:before {
    font-weight: 400;
}

div.ccm-rating.accessible .rating-wrapper input:checked + label:before {
    font-weight: 900;
}

div.ccm-rating.accessible .rating-wrapper input[value="0"] + label:before {
    content: '\f00d';
    font-weight: 900;
}