.card {
	display: block;
	background: $white;	
	border: 1px solid $color-border;
	border-radius: $borderRadius;
}
a.card {
	color: inherit;
	transition: .2s ease box-shadow, .2s ease border-color, .1s ease transform;
	-webkit-tap-highlight-color: transparent;
}

a.card:hover {
	box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.07);
	text-decoration: none;
}

a.card:active {
	transform: scale(0.98);
}

.card:not(:last-of-type) {
	margin-bottom: $baseline/2;
}

.card-header {
	background: $card-header-bg;
	padding: $baseline/2 $gutter;
}

.card-title {
	font-weight: 600;
}

.card-header.card-header--split {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.card-content {
	padding: $baseline/2 $gutter;
}

.card-content dd {
	text-align: right;
}

.card.card--invoice .grid-cell:last-child,
.card.card--bankAccounts .grid-cell:last-child {
	text-align: right;
}

.card.card--invoice .grid,
.card.card--bankAccounts .grid {
	align-items: center;
}