title: CSS - double/offset border with outer border dashed
body: <p>I'd like to produce a circle with the outer dashed border offset from the main circle. I've attached a pic for reference.</p>
  <p>I have tried using box shadow to achieve this but no luck so far. Is there a way to do this?</p>
  <p><img src="https://i.stack.imgur.com/UzemS.jpg" alt="enter image description here" /></p>