title: Styling radio buttons into a square
body: <p>I was given a design with square radio buttons.</p>
  
  <p><img src="https://imgur.com/52xPsIn.png"/></p>
  
  <p>Is there a way to style radio buttons to look like this?</p>
  
  <p>The only way, I think I could accomplish this is by using images, and swap the checked/checked state via an <code>$.on('click')</code> method.</p>