.dpi-story-teaser {
	box-sizing: border-box;
	padding: 36px 60px 40px;
	background-color: var(--dpi-lime-fg);
	color: var(--dpi-light);
}

.dpi-story-teaser__content {
	width: 100%;
	margin: 0;
}

.dpi-story-teaser__subtitle {
	margin: 0 0 12px;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.2;
}

.dpi-story-teaser__description {
	margin: 0;
	color: var(--dpi-fg-on-dark);
	font-size: clamp( 28px, 4vw, 48px );
	font-weight: 400;
	line-height: 1.08;
}

.dpi-story-teaser__button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 18px;
	padding: 10px 14px;
	background-color: var(--dpi-orange);
	color: var(--dpi-light);
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.dpi-story-teaser__button:hover,
.dpi-story-teaser__button:focus {
	background-color: var(--dpi-blue);
	color: var(--dpi-fg-on-dark);
	text-decoration: none;
}

@media ( max-width: 767px ) {
	.dpi-story-teaser {
		padding: 28px 24px 32px;
	}

	.dpi-story-teaser__description {
		font-size: 30px;
	}
}