title: How to apply dashed border and border shadow to circle which is declared inside the radial gradient?
body: <p>I am trying to build a logo, there is one part of it where I need to create a gear like structure. The problem is the circle drawn in the logo is using radial-gradient like follows -</p>
  
  <pre><code> background:radial-gradient(circle at 50% 66%, white 12%, transparent 12.5%);
  </code></pre>
  
  <p>How can I apply css properties like border and border-shadow to circle inside radial-gradient?
  I cannot share the full code due to propriety issues. Another restriction is I am building logo using single div.</p>