title: CSS3 curved cutout from div?
body: <p>Is there a way to create a cutout in a <code>div</code> with <code>CSS3</code> like in the example below?</p>
  
  <p><img src="https://i.stack.imgur.com/6NKwK.png" alt="enter image description here"></p>
  
  <p>What I'm trying to do is create a cutout in between 2 <code>divs</code> as the image. The actual <code>div</code> that is being cut out is the <code>div</code> at the bottom, it has a <code>background-color</code>, a <code>drop shadow</code>, <code>inset shadow</code> and a <code>border style</code>. </p>
  
  <p>What I would like to do then is put a <code>CSS3</code> button inside the cutout of the <code>div</code>.</p>