label {
	line-height: 25px;
	font-weight: bold;
}

label.rate-label {
	float: right;
	width: 100px;
}

.card {
	font-size: 14px;
}

.rate {
	float: right;
	height: 30px;
	padding: 0 10px;
}

.rate:not(:checked)>input {
	position: absolute;
	top: -9999px;
}

.rate:not(:checked)>label {
	float: right;
	width: 1em;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-size: 18px;
	color: #ccc;
}

.rate:not(:checked)>label:before {
	content: '★ ';
}

.rate>label.checked {
	color: goldenrod;
}