.star_rating {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-flex;
}

.star_rating li a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f005';
    font-size: 14px;
}

.star_rating li[style*="20"] ~ li a.one_star {
    color: #ffca00;
}

.star_rating li[style*="40"] ~ li a.two_stars,  .star_rating li[style*="40"] ~ li a.one_star {
    color: #ffca00;
}

.star_rating li[style*="60"] ~ li a.three_stars, .star_rating li[style*="60"] ~ li a.two_stars, .star_rating li[style*="60"] ~ li a.one_star {
    color: #ffca00;
}

.star_rating li[style*="80"] ~ li a.four_stars, .star_rating li[style*="80"] ~ li a.three_stars, .star_rating li[style*="80"] ~ li a.two_stars, .star_rating li[style*="80"] ~ li a.one_star {
    color: #ffca00;
}

.star_rating li[style*="100"] ~ li a.five_stars, .star_rating li[style*="100"] ~ li a.four_stars, .star_rating li[style*="100"] ~ li a.three_stars, .star_rating li[style*="100"] ~ li a.two_stars, .star_rating li[style*="100"] ~ li a.one_star {
    color: #ffca00;
}


.star {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
}

.star li a:before {
    font-family: 'Font Awesome 5 Free';
    content: '\f005';
    font-size: 14px;
}

.star li[style*="20"] ~ li a.one_star {
    color: #ffca00;
}

.star li[style*="40"] ~ li a.two_stars,  .star li[style*="40"] ~ li a.one_star {
    color: #ffca00;
}

.star li[style*="60"] ~ li a.three_stars, .star li[style*="60"] ~ li a.two_stars, .star li[style*="60"] ~ li a.one_star {
    color: #ffca00;
}

.star li[style*="80"] ~ li a.four_stars, .star li[style*="80"] ~ li a.three_stars, .star li[style*="80"] ~ li a.two_stars, .star li[style*="80"] ~ li a.one_star {
    color: #ffca00;
}

.star li[style*="100"] ~ li a.five_stars, .star li[style*="100"] ~ li a.four_stars, .star li[style*="100"] ~ li a.three_stars, .star li[style*="100"] ~ li a.two_stars, .star li[style*="100"] ~ li a.one_star {
    color: #ffca00;
}

.star_rating li a:checked:before {
    animation: star 0.8s ease-out;
}

@keyframes star {
  0% {
    transform: scale(0.8);
  }
  20% {
    transform: scale(1.1);
  }
  40% {
    transform: scale(0.9);
  }
  60% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.96);
  }
  100% {
    transform: scale(1);
  }
}


.star_rating_success,
.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}