click anywhere in Card on a Antd radio button wrapped inside a Card to change border and background on select

I have a antd radio button that I wrapped it around a card to make it more custom. What I am trying to do is be able to click anywhere and make the radio button selectable as well as change the card border-color and background color when selected
Here is my code.

  <Card hoverable style={{ borderRadius: '10px', borderColor: 'lightgray'}} bordered>
    <Meta
      style={{float: 'left'}}
      avatar={<Avatar shape="square" src='/resources/images/document.png' />}
    />
    <Radio value="Subscription Docs">Subscription Docs</Radio>
  </Card>

any ideas on the best approach?