Filter met radiobuttons

.wpforms-field > .themes {width: 100%;}

#radiourl:checked ~ p {filter: url();}	
#radioblur:checked ~ p {filter: blur(3px);}	
#radiobrightness:checked ~ p {filter: brightness(0.6);}	
#radiocontrast:checked ~ p {filter: contrast(4);}	
#radiodrop-shadow:checked ~ p {filter: drop-shadow(2px 2px 5px rgb(0 0 0 / 0.5));}	
#radiograyscale:checked ~ p {filter: grayscale(0.2);}	
#radiohue-rotate:checked ~ p {filter: hue-rotate(180deg);}	
#radioinvert:checked ~ p {filter: invert(1);}	
#radioopacity:checked ~ p {filter: opacity(0.5);}	
#radiosaturate:checked ~ p {filter: saturate(2.2);}	
#radiosepia:checked ~ p {filter: sepia(0.8);}			

.themes p 
  {
    padding: 1em;
    background-color: gold;
    border-radius: 0.5em;
    color: #fbfbfb;
    transition: 0.2s ease-in;
  }

echo "<div class='wpforms-field'>";
echo "<ul class='themes'>";

echo "<li>";
echo "<input name='radiofilter' type='radio' id='radioblur' />";
echo "<label for='radioblur'>Filter blur</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";

echo "<li>";
echo "<input name='radiofilter' type='radio' id='radiobrightness' />";
echo "<label for='radiobrightness'>Filter brightness</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";
		
echo "<li>";
echo "<input name='radiofilter' type='radio' id='radiocontrast' />";
echo "<label for='radiocontrast'>Filter contrast</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";

echo "<li>";
echo "<input name='radiofilter' type='radio' id='radiodrop-shadow' />";
echo "<label for='radiodrop-shadow'>Filter drop-shadow</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";

echo "<li>";
echo "<input name='radiofilter' type='radio' id='radiograyscale' />";
echo "<label for='radiograyscale'>Filter grayscale</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";
			
echo "<li>";
echo "<input name='radiofilter' type='radio' id='radiohue-rotate' />";
echo "<label for='radiohue-rotate'>Filter hue-rotate</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";

echo "<li>";
echo "<input name='radiofilter' type='radio' id='radioinvert' />";
echo "<label for='radioinvert'>Filter invert</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";
			
echo "<li>";
echo "<input name='radiofilter' type='radio' id='radioopacity' />";
echo "<label for='radioopacity'>Filter opacity</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";

echo "<li>";
echo "<input name='radiofilter' type='radio' id='radiosaturate' />";
echo "<label for='radiosaturate'>Filter saturate</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";

echo "<li>";
echo "<input name='radiofilter' type='radio' id='radiosepia' />";
echo "<label for='radiosepia'>Filter sepia</label>";
echo "<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam dolores quod debitis veritatis placeat nemo iste natus maxime.</p>";
echo "</li>";

echo "</ul>";
echo "</div>";