Radio Buttons - Outline Selected Label Option

by bizamajig

HTML

<div class="button">
    <input type="radio" name="a" value="a" id="a" />
    <label for="a">a</label>
</div>
<div class="button">
    <input type="radio" name="a" value="b" id="b" />
    <label for="b">b</label>
</div>
<div class="button">
    <input type="radio" name="a" value="c" id="c" />
    <label for="c">c</label>
</div>

CSS

.button input[type="radio"] {
    display: none;
}

input[type="radio"]:checked + label {
    border: 1px solid red;
}