Predefinição:Cartão/styles.css

.card {
	position: relative;
	border-radius: 8px;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.04), 0 3px 6px rgba(0, 0, 0, 0.0575);
	font-size: 0.875rem;
	min-height: 100px;
	display: flex;
	flex-flow: column;
}

.card__foreground {
	position: relative;
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 15px;
    font-weight: 500;
    background: linear-gradient(to right, #2361a7, transparent);
}

.card__foreground a {
	color: #fff;
}

.card__background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 8px;
	overflow: hidden;
}

.card__background img {
	border-radius: 8px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transition: transform .2s ease;
}

.card:hover .card__background img {
	transform: scale( 1.1 );
}