section,
.section {
    margin-top: 0.5rem;
    padding: 1px;
    border: 1.3px solid var(#9292924d);
    border-radius: 31px;
    width: 15em;
    background-color: #ffffff ;
	display: flex;
	justify-content: center;
	margin-bottom: 2em;
}

.rating>input {
	display: none;
  }
  
  .rating>label::before {
	content: '\f005';
	font-family: FontAwesome;
	margin: 5px;
	font-size: 1.5rem;
	display: inline-block;
	cursor: pointer;
  }
  
  .rating>.half::before {
	content: '\f089';
	position: absolute;
  }
  
  .rating>label {
	color: #ddd;
	float: right;
	transform: 0.2s;
  }
  
  .rating>input:checked~label,
  .rating:not(:checked)>label:hover,
  .rating:not(:checked)>label:hover~label {
	color: gold;
  }