I am looking to apply a shadow **only** to the line that goes between the table rows. In the sample below the "red" lines. I don't want the shadow to be applied to the blue borders.

If anyone can fiddle the below snippet to get it to work they would be my hero of the day.

EDIT: I see my snippet has the pointed red line problem. Ideally I actually want a solid non divided red line.

This is the sort of effect I'm looking for:
[![enter image description here](https://i.stack.imgur.com/qhSlT.png)](https://i.stack.imgur.com/qhSlT.png)

```css
.shadow {
  margin: 20px;
  width: 80%;
  background: yellow;
  border-radius: 15px;
  border: 2px solid blue;
}
.shadow td, .shadow th {
  border-top: 5px solid red;
  border-right: 2px solid blue;
  padding: 10px;
  text-align: center;
}
.shadow th {
  border-top: none;
}
.shadow td:last-child, .shadow th:last-child {
  border-right: none;
}
```

```html
<div>
  <table class="shadow">
    <tr>
      <th>AH</th>
      <th>BH</th>
      <th>CH</th>
    </tr>
    <tr>
      <td>A1</td>
      <td>B1</td>
      <td>C1</td>
    </tr>
    <tr>
      <td>A2</td>
      <td>B2</td>
      <td>C2</td>
    </tr>
    <tr>
      <td>A3</td>
      <td>B3</td>
      <td>C3</td>
    </tr>
  </table>
</div>
```