/**
 * Roskam — [mijlpalen] / [mijlpaal] shortcode
 */

.mijlpalen {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	margin-top: 32px;
}

.mijlpaal {
	display: inline-flex;
	align-items: center;
	background: var(--rk-white, #ffffff);
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	padding: 12px 20px;
	font-size: 14px;
	line-height: 1.4;
	font-weight: 600;
	color: rgba(17, 24, 39, 0.85);
	box-shadow: none;
}

.mijlpaal__jaar {
	color: var(--rk-primary, #006dc2);
}

.mijlpaal__sep {
	color: inherit;
	white-space: pre;
}

.mijlpaal__tekst {
	color: inherit;
}

@media (max-width: 640px) {
	.mijlpalen {
		gap: 8px;
	}

	.mijlpaal {
		padding: 10px 16px;
		font-size: 13px;
	}
}