Customizing Checkbox and Radio Fields to Look Like Buttons (Specific Forms)

.wpforms-container form#wpforms-form-1000 input[type=radio], 

.wpforms-container form#wpforms-form-1000 input[type=checkbox] {

    position: absolute;

    opacity: 0;

    width: 1px;

    height: 1px;

    margin: -1px;

    padding: 0;

    overflow: hidden;

    clip: rect(0, 0, 0, 0);

    border: 0;

}

.wpforms-container form#wpforms-form-1000 input[type=radio] + label, 

.wpforms-container form#wpforms-form-1000 input[type=checkbox] + label {

    padding: 5px 10px;

    background-color: #e7e7e7;

    border-color: #ddd;

    transition: background-color 0.3s ease-in-out;

	border-radius: 3px;

}

form#wpforms-form-1000 input[type=radio]:checked + label, 

form#wpforms-form-1000 input[type=checkbox]:checked + label, 

form#wpforms-form-1000 input[type=radio]:checked + label, 

.wpforms-container form#wpforms-form-1000 input[type=radio] + label:hover, 

.wpforms-container form#wpforms-form-1000 input[type=checkbox] + label:hover {

    background-image: none;

    background-color: #b95d52;

	color: #ffffff;

    cursor: pointer;

}

.wpforms-container form#wpforms-form-1000 ul li {

    margin: 5px !important;

}

/* Start of media query to remove hover styles */

@media (hover: none) {

	.wpforms-container form#wpforms-form-1000 input[type=radio] + label:hover, 

	.wpforms-container form#wpforms-form-1000 input[type=checkbox] + label:hover {

		background-color: #e7e7e7 !important;

		border-color: #ddd !important;

		color: inherit !important;

	}

	.wpforms-container form#wpforms-form-1000 input[type=radio]:checked + label, 

	.wpforms-container form#wpforms-form-1000 input[type=checkbox]:checked + label, 

	.wpforms-container form#wpforms-form-1000 input[type=radio]:checked + label {

		background-image: none !important;

		background-color: #b95d52 !important;

		color: #ffffff !important;

		cursor: pointer !important;

	}

}