title: Background with several paths
body: <p>Is there a way I can put a background like this in a border:</p>
  
  <p><img src="https://i.stack.imgur.com/Eh1Mv.png" alt="enter image description here"></p>
  
  <p>The problem in there is that both the circle and the square must be a path (in my real problem I actually have 3 paths and they're gradients), and this makes it extremely problematic to resize, align, etc. I saw <a href="https://stackoverflow.com/questions/3206177/nesting-wpf-paths">this solution</a> but I had already tried using a viewbox and it didn't solve my problem.</p>
  
  <p>Is there a way I can combine both the square and the circle into a path and keep the colors, and then set it as a background?</p>
  
  <p>I don't have the real button around here, so I'll post it tomorrow, but it has several gradients to make some glossy effect and some Bezier curves to make the effect more "realistic". In the mean time the effect looks something like this:</p>
  
  <p><img src="https://i.stack.imgur.com/LGezX.jpg" alt="enter image description here"></p>
  
  <p>Thanks for any help.</p>