How can I make a background color change on click and then fade out to a linear gradient?

Question

I have a radio button inside of a div:

The background of the div i