// -------------------------------------------------------------------
// :: CARD
// -------------------------------------------------------------------

.a-card {
	color: $dark-extra;
	text-align: center;
	background: $white;
	text-decoration: none;
	border: 1px solid darken($light, 10%);
	border-radius: rem(5px);

	padding: rem(27px) rem(9px);
	margin: rem(3px);
	display: flex;
	flex: 0 1 40%;
	min-width: rem(110px);
	max-height: rem(80px);

	span {
		flex: 0 1 100%;
		align-self: center;
		line-height: 1.2;
	}

	@include FLOW-at($tablet) {
		flex: 0 1 30%;
	}

	@include FLOW-at($desktop) {
		flex: 0 1 115px;
	}

	&:hover {
		background: darken($white, 5%);
	}
}

.m-cards {
	display: flex;
	flex-wrap: wrap;
}