_card.scss

.card {
	top: 0;
	position: relative;
	display: flex;
	flex-direction: column;
	word-wrap: break-word;
	border: 1px solid #ccc;
	border-radius: $radius-small;
	padding: $spacer;
	box-shadow: 0 $spacer * 0.25 $spacer * 0.5 rgba(0, 0, 0, .15);

	//this makes other elements in cards line up (e.g. footers, labels)
	.card-body {
		flex: 1 1 auto;
	}
}

.card-row .card {
	height: 100%;
}

.card-action a{
	text-decoration: none;
	color: inherit;
}

.card-action a:after {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	content: "";
}

.card-action{
	transition: top 1s;
}

.card-action:hover{
	position: relative;
	top: -10px;
}

.card + .card{
	margin-top: $spacer;
}