/* Dashicons Fallback for Front-end */
@font-face {
    font-family: "dashicons";
    src: url("../fonts/dashicons.eot");
    src: url("../fonts/dashicons.eot?#iefix") format("embedded-opentype"),
         url("../fonts/dashicons.woff") format("woff"),
         url("../fonts/dashicons.ttf") format("truetype"),
         url("../fonts/dashicons.svg#dashicons") format("svg");
    font-weight: normal;
    font-style: normal;
}

.star-rating .star-full:before { content: "\f155"; }
.star-rating .star-half:before { content: "\f459"; }
.star-rating .star-empty:before { content: "\f154"; }

.star-rating .star:before {
    display: inline-block;
    font-family: "dashicons";
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    vertical-align: middle;
}

.star-rating{
    display: flex;
    align-items: center;
    gap: 2px;
}
.star-rating .star{
    line-height: 1;
}