title: Angular Material md-card border bottom with down arrow
body: <p>I would like to add an arrow effect to Angular Material cards (see image below) and I am not sure how to do so. I have set up a fiddle for help.</p>
  
  <p><a href="https://i.stack.imgur.com/7Llow.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7Llow.png" alt="enter image description here"></a></p>
  
  <p><a href="https://jsfiddle.net/er1187/rng1pv4u/1/" rel="nofollow noreferrer">https://jsfiddle.net/er1187/rng1pv4u/1/</a></p>
  
  <pre><code> &lt;md-card flex layout-align='center center'&gt;
     &lt;md-card-content&gt;
       TESTING
     &lt;/md-card-content&gt;
   &lt;/md-card&gt;
  </code></pre>