Adding Transitions to Checkbox and Multiple Choice Selections

ul#wpforms-999-field_3 li label, 

ul#wpforms-999-field_27 li label {

    padding: 10px;

    transition: all ease 0.3s;

    background: linear-gradient(to right, #e27730 50%, #cd631d 50%);

    background-size: 200% 100%;

    background-position: left bottom;

    color: white;

}

ul#wpforms-999-field_3 li.wpforms-selected label, 

ul#wpforms-999-field_3 li label:hover, 

ul#wpforms-999-field_27 li.wpforms-selected label, 

ul#wpforms-999-field_27 li label:hover {

    cursor: pointer;

    border-radius: 2px;

    background-position: right top;

}

ul#wpforms-999-field_3 li input, ul#wpforms-999-field_27 li input {

    display: none;

}

ul#wpforms-999-field_3 li, 

ul#wpforms-999-field_27 li {

    float: left;

    width: auto;

    display: inline-block;

    padding: 10px !important;

}