Radio

Radios are styled by their wrapping label, which also gives you the card variant for bigger choice targets.

Class	Does what
`radio`	Custom radio dot
`label`	On the wrapping label: row layout with a gap
`block`	On the wrapping label: padded, bordered card that highlights when selected

Basic

<label class="label">
  <input type="radio" name="plan" class="radio" checked />
  Monthly
</label>
<label class="label">
  <input type="radio" name="plan" class="radio" />
  Yearly
</label>

<label>
  <input type="radio" name="plan" checked />
  Monthly
</label>
<label>
  <input type="radio" name="plan" />
  Yearly
</label>

Card radios

<label class="label block">
  <input type="radio" name="tier" class="radio" checked />
  Hobby
</label>
<label class="label block">
  <input type="radio" name="tier" class="radio" />
  Team
</label>

<label class="block">
  <input type="radio" name="tier" checked />
  Hobby
</label>
<label class="block">
  <input type="radio" name="tier" />
  Team
</label>