// Put a rounded corner in the top right corner
// to bridge the transition to the header
.l-body--rounded-tr {
	position: relative;

	&::before,
	&::after {
		content: '';
		position: absolute;
		z-index: -1;
		right: 0;
		top: 0;
		width: map-get($border-radius, xl);
		height: map-get($border-radius, xl);
		background-color: palette(primary, 600);
	}
	&::after {
		background-color: palette(neutral, 0);
		border-top-right-radius: map-get($border-radius, xl);
	}

	@include mq(1060) {
		&::before,
		&::after {
			width: map-get($border-radius, xxl);
			height: map-get($border-radius, xxl);
		}
		&::after {
			border-top-right-radius: map-get($border-radius, xxl);
		}
	}
}

.l-body__message-container {
	padding: 120px 0;
}

.l-body__message {
	display: block;
	width: 95%;
	max-width: 576px;
	margin: auto;
	padding: 48px 40px 40px;
	border-radius: 4px 80px 16px 16px;
	box-shadow:  0 20px 48px 0 rgba(0,0,0,0.08);
}