.feature-teaser-wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
	max-width: 1200px;
}

.feature-teaser-wrapper a:hover {
	text-decoration: none;
	color: inherit;
}

.feature-teaser {
	display: flex;
	color: #222222;
	flex-direction: row;
	flex-basis: 33.333%;
	column-gap: 24px;
	border: 1px solid #E5E7EB;
	border-radius: 6px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 24px;
	padding-right: 24px;
	max-width: 100%;
	align-items: center;
	box-shadow: 0 2px 0px rgba(229, 231, 235, 0.3);
}

.feature-teaser:hover {
	border: 1px solid #A5A7AB;
	box-shadow: 0 2px 0px rgba(229, 231, 235, 1);
}

.feature-teaser h4 {
	color: #374151;
}

@media screen and (min-width: 481px) {
	.feature-teaser-wrapper {
		flex-direction: row;
		column-gap: 30px;
		flex-wrap: wrap;
		row-gap: 25px;
		justify-content: center;
	}

	.feature-teaser {
		max-width: 300px;
	}
}