.rating-squares {
    max-width: 78px;
	display: flex;
	justify-content: space-between; /* Distribute squares evenly */
  }
  
  .square {
	margin:1px;
	width: 14px; /* Adjust square size */
	height: 14px; /* Adjust square size */
	background-color: #ccc; /* Initial square color (unrated) */
  }
  
  .square.grey {
	background-color: #ccc;
  }

  .square.selected-1 {
	background-color: #FFE693;
  }
  
  .square.selected-2 {
	background-color: #D6F7D0;
  }
  
  .square.selected-3 {
	background-color: #85E974;
  }
  
  .square.selected-4 {
	background-color: #138900;
  }
  
  .square.selected-5 {
	background-color: #0049AF;
  }
