Start sign for gravity from radio button

Radio to Start icon.css

/*
You must need to call Font awesome CSS for load icon
*/

.ginput_container.ginput_container_radio .gfield_radio {display: flex;}
.ginput_container.ginput_container_radio .gfield_radio .gchoice label{cursor:pointer;}

.ginput_container.ginput_container_radio .legend_selected_stars.gchoice label:before{color:#316A85 !important;}

.ginput_container.ginput_container_radio .gchoice input {
display:none;
	cursor: pointer;
}

.ginput_container.ginput_container_radio .gchoice input[type='radio'] + label:before {
 font-family: "Font Awesome 5 free";
font-size: 25px !important;
margin-right: 6px;
	
}
.ginput_container.ginput_container_radio .gchoice input[type=radio] + label:before {
  
	content: "\f005";
	font-weight:300 ;
	color:#ccd6df;
  /* Radio Unchecked */
}
.ginput_container.ginput_container_radio .gchoice input[type=radio]:checked + label:before {
 
	content: "\f005";
	font-weight:400 ;
	color:#316A85 ;
  /* Radio Checked */
}

Start sign for gravity from radio button.js

<script>
	// add extra class for seleted/checked star icon css
	jQuery('.ginput_container.ginput_container_radio').children('.gchoice').on('click', function(){		
		jQuery(this).addClass('legend_selected_stars');
		jQuery(this).prevAll('.gchoice').addClass('legend_selected_stars');
		jQuery(this).nextAll('.gchoice').removeClass('legend_selected_stars');		
	});
	//remove text from label
	jQuery('.ginput_container.ginput_container_radio .gfield_radio .gchoice').addClass('legend_selected_stars').children('label').empty();
	
</script>