.l-box {

	--color-light: var(--cool9);
	--color-dark: var(--cool-1);

	padding: var(--space-s);

	border: var(--border);

	margin-top: 0;
	margin-right: 0;
	margin-bottom: var(--space-m);
	margin-left: 0;

	color: var(--color-dark);
	border-radius: var(--border-radius);

	h3 {
		margin-top: 0;
	}
}

.l-box--info {
	background-color: var(--color-light);
	padding: var(--space-xl);
}

.l-box--testimonial {
	background: var(--cool9);
	padding: 1.5rem 2rem;

	h3 {
		margin-top: 1.5rem;
	}
}

@container l-container (min-width: 768px) {
	.l-box {

		padding: var(--space-m);
		margin-top: var(--space-m);
	}
}

.l-switcher .l-box {
	padding-top: 0;

	display: flex;
	flex-direction: column;
	justify-content: space-between;

	.c-button {
		margin-bottom: 0;
	}
}