title: Shape with multiple circles
body: <p>I want to draw a circle of color 1 inside a circle of color 2. Both of them have stroke and its inside is transparent. This should be used as a background of a button.</p>
  
  <p>Something like this (but green and red are next to each other - no gap in between. Sorry, I don't have any graphical program where I could draw them so they're next to each other.)</p>
  
  <p><a href="https://i.stack.imgur.com/ixWHM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ixWHM.png" alt="enter image description here"></a></p>
  
  <p>Is there a way how to do it in XML ?</p>
  
  <p>I was thinking of doing it using shape XML but layers are scaled so layers would be on top of each other so only 1 color would be visible.</p>