Gravity Forms Radio Buttons as Buttons.css

/* .pp-gf-content class for PowerPack for Beaver Builder module */

.pp-gf-content .gform_body {
	position: relative;
	left: -5px;
} /* Fix for field shift */
.pp-gf-content .gform_wrapper ul.gfield_radio li input {
	display: none !important;
}
.pp-gf-content .gform_wrapper ul.gfield_radio li label {
	border-radius: 10px;
	padding: 10px 15px;
	background-color: #ffffff;
	color: #FF984F;
	border: 1px solid #FF984F;
	margin-bottom: 15px;
	text-align: center;
	width: inherit;
}
.pp-gf-content .gform_wrapper ul.gfield_radio li input[type="radio"]:hover + label,
.pp-gf-content .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label {
	background-color: #FF984F;
	color: #ffffff;
}
.pp-gf-content .gform_wrapper .gfield .gfield_description {
	padding-left: 5px;
}
.pp-gf-content .gform_wrapper ul.gfield_radio li {
	display: inline;
	margin-right: 12px;
}
@media (max-width: 460px) {
	.pp-gf-content .gform_wrapper ul.gfield_radio li {
		display: block;
		margin-right: 0;
	} /* Force radio buttons full width on mobile */
	.pp-gf-content .gform_wrapper ul.gfield_radio li label {
		min-width: 98%;
		margin-bottom: 0;
	} /* Fix for full width on mobile */
}