.br-theme-fontawesome-emotions .br-widget {
    height: 28px;
    white-space: nowrap;
}

.br-theme-fontawesome-emotions .br-widget a {
    font: normal normal normal 20px/1 "Font Awesome 5 Pro";
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    text-decoration: none;
    margin-right: 8px;
    font-size: 200%;
    padding: 8px;
}

.br-theme-fontawesome-emotions .br-widget a.br-selected.br-current {
    background-color: rgb(229, 255, 0);
    color: black !important;
}

.br-theme-fontawesome-emotions .br-widget a:after {
    content: '\f005';
    color: #d2d2d2;
}

.br-theme-fontawesome-emotions .br-widget a.br-active:after {
    color: inherit;
}

.br-theme-fontawesome-emotions .br-widget a.br-selected:after {
    color: inherit;
}

.br-theme-fontawesome-emotions .br-widget .br-current-rating {
    display: none;
}

.br-theme-fontawesome-emotions .br-readonly a {
    cursor: default;
}

@media print {
    .br-theme-fontawesome-emotions .br-widget a:after {
        content: '\f006';
        color: black;
    }
    .br-theme-fontawesome-emotions .br-widget a.br-active:after,
    .br-theme-fontawesome-emotions .br-widget a.br-selected:after {
        content: '\f005';
        color: black;
    }
}

.br-theme-fontawesome-emotions .br-widget a:nth-child(1):after {
    content: '\f119';
    color: red
}

.br-theme-fontawesome-emotions .br-widget a:nth-child(2):after {
    content: '\f11a';
    color: gold
}

.br-theme-fontawesome-emotions .br-widget a:nth-child(3):after {
    content: '\f118';
    color: green
}