CSS Email Material Box Shadow Shadow

<body leftmargin="0" rightmargin="0" marginheight="0" marginwidth="0">
  <table width="100%" border="0" cellpadding="16" cellspacing="0" align="center" bgcolor="#fafafa">
    <tr align="center">
      <td>
        <table width="50%" border="0" cellpadding="16" cellspacing="0" align="center" bgcolor="#fff" style="border: 1px solid #f5f5f5;">
          <tr>
            <td>
              <!-- card content here -->
            </td>
          </tr>
          <tr>
            <td bgcolor="#dbdddd" height="1" style="border-collapse:collapse;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1px;line-height:1px;padding:0" valign="top" width="100%">&nbsp;</td>
          </tr>
          <tr>
            <td bgcolor="#e7e9ea" height="1" style="border-collapse:collapse;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1px;line-height:1px;padding:0" valign="top" width="100%">&nbsp;</td>
          </tr>
          <tr>
            <td bgcolor="#eef0f1" height="1" style="border-collapse:collapse;font-family:Roboto,Helvetica,Arial,sans-serif;font-size:1px;line-height:1px;padding:0" valign="top" width="100%">&nbsp;</td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
</body>
Aryqs Ipsum