title: How to remove blue border around NG-ZORRO (antd for Angular) buttons when hovering over them?
body: <p>If you click this link it takes you to a few examples on their page.</p>
  
  <p><a href="https://ng.ant.design/components/button/en" rel="nofollow noreferrer">https://ng.ant.design/components/button/en</a></p>
  
  <p>I am able to access the buttons and change the color but not the actual blue border.  I have tried :active, :hover, :focus, etc..</p>
  
  <p>This is how I access the button for some custom css</p>
  
  <pre><code>.ant-btn-circle {
    background-color: $theme-foreground !important;
    color: rgb(var(--MainColor)) !important;
  }
  
  .ant-btn-circle:focus {
    background-color: rgb(var(--MainColor)) !important;
    color: $theme-foreground !important;
    outline: 0 !important;
  }
  </code></pre>
  
  <p>The outline portion doesn't seem to work... Any tips?</p>
  
  <p>I see something like this that has the blue color but I dont know what it is.  --antd-wave-shadow-color</p>
  
  <pre><code>html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  
  
  
  --antd-wave-shadow-color: #1890ff;  
  </code></pre>
  
  <p>}</p>