.k20-section.k20-time-span {
	padding-block: var(--k20-ritm-compact);
}

.k20-time-span__panel {
	padding: var(--k20-s-6) var(--k20-s-5);
	background: var(--k20-gradient-contrast);
	color: var(--k20-alb);
	border-left: 0.5rem solid var(--k20-turcoaz);
	border-radius: var(--k20-radius-lg);
}

.k20-time-span__panel p {
	margin: 0;
	font-size: var(--k20-fs-h3);
	font-weight: var(--k20-fw-bold);
	line-height: var(--k20-lh-tight);
}

.k20-time-span__panel strong {
	display: block;
	margin-bottom: var(--k20-s-2);
	font-size: var(--k20-fs-sm);
	font-weight: var(--k20-fw-normal);
	letter-spacing: 0.08em;
	text-transform: uppercase;
}

@media (min-width: 48em) {
	.k20-time-span__panel {
		padding: var(--k20-s-7) var(--k20-s-7);
	}

	.k20-time-span__panel p {
		font-size: var(--k20-fs-h2);
	}
}