title: Ant design button color update
body: <p>I'm trying to update <code>Radio</code> <code>Button</code> colors of an <a href="https://ant.design/components/radio/#components-radio-demo-radiobutton-solid" rel="nofollow noreferrer">ant design</a> radio mentioned in this link in my <code>REACT</code> App.</p>
  <p>I tried using the suggestion in this <a href="https://stackoverflow.com/questions/62609951/how-to-change-radio-button-color-in-ant-design">post</a> to update the colors.</p>
  <p>But my colors are not updating. I am not sure what I'm doing incorrectly here.</p>
  <p>Also,  Its a <code>REACT</code> project and my <code>package.json</code> has a dependency for <code>&quot;antd&quot;: &quot;^4.5.0&quot;</code>
  and the import for <code>antd.css</code> exists in <code>app.tsx</code> like this</p>
  <pre><code>// Global styles
  import &quot;antd/dist/antd.css&quot;;
  </code></pre>
  <p>This is a code I have in one of the component files of the project.</p>
  <p>File name: <code>MyRadio.tsx</code></p>
  <pre><code>import { Radio } from &quot;antd&quot;;
  import styles from &quot;./mystyles.module.scss&quot;;
  
  
  
    return (
          &lt;Radio.Group
            className={styles.toggle}
          &gt;
            &lt;Radio id=&quot;RDC&quot; value=&quot;C&quot;&gt;
              C
            &lt;/Radio&gt;
            &lt;Radio id=&quot;RDI&quot; value=&quot;I&quot;&gt;
              I
            &lt;/Radio&gt;
          &lt;/Radio.Group&gt;
        );
  </code></pre>
  <p>Here is how <code>mystyles.module.scss</code> looks like:</p>
  <pre><code>.toggle {
    width: 244px;
    background: #ffffff;
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
  
    display: flex;
    align-items: center;
    float: left;
   
  }
  /*  Followed suggestion from other post but didnt see colors updating, when I un-comment the following code
  .ant-radio-checked .ant-radio-inner {
    border-color: red !important ;
  }
  
  .ant-radio-checked .ant-radio-inner:after {
    background-color: red;
  }
  
  .ant-radio:hover .ant-radio-inner {
    border-color: red;
  }
  */
  </code></pre>
  <p><strong>Update 1</strong></p>
  <p><a href="https://i.stack.imgur.com/DGqvd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/DGqvd.png" alt="enter image description here" /></a></p>