.sf-Ratings {
	.sf-Ratings-stars {
		display: inline-block;
		vertical-align: middle;

		span {
			font-size: $ratings-stars-font-size;
			color: $ratings-stars-color;
			cursor: pointer;

			&.hover,
			&.on {
				color: $ratings-stars--on-color;
			}
		}
		&.sf-Ratings-stars--ronly {
			span {
				cursor: default;

				&.on {
					color: $ratings-stars--ronly-color;
				}
			}
		}
	}
	.sf-Ratings-average,
	.sf-Ratings-count, {
		font-size: $ratings-count-font-size;
		vertical-align: middle;
	}
	.sf-Ratings-count {
		span {
			vertical-align: middle;
		}
	}
}