[Card] Extra margins show when using ripple

When `matRipple` is added to a ``, the card expands on click.

Reproduction: https://stackblitz.com/edit/angular-1mherw?file=app/card-overview-example.html

This is due to the styling rule that says every element in the card except for the last should have bottom margin. When the ripple is added, the last element is no longer last and so it gains the margin bottom.

https://github.com/angular/material2/blob/master/src/lib/card/card.scss#L190

src/lib/card/card.scss#L190 付近のスタイルルールから始め、リンクされている StackBlitz の再現を使って、matRipple を mat-card に追加したときのカードの拡張を確認します。カードがクリック時に余分な下マージンを持たなくなり、拡張もしなくなったうえで、既存のカードの間隔の挙動が維持されれば修正完了です。

索引モデルが issue の本文から書いたものです。