如何使单选按钮可访问并且键盘可导航

Question

我在尝试使这些单选按钮键盘可导航和可访问时遇到问题。

在浏览它们时似乎看不到焦点状态？仅限CSS。

这是一支笔： https://codepen.io/anon/pen/dBYWaK

<input id="cat" type="radio" name="credit-card" value="cat" />
<label class="drinkcard-cc cat" for="cat">Heading 1</label>

他们正在使用隐藏输入的背景图像。

谢谢