// Used for empty states in another component

.c-empty {
	@include flex(center);
	margin: 20px;
}

.c-empty__body {
	@include border-radius;
	@include font(mid, $weight: 500);
	flex: 0 0 auto;
	padding: 25px 40px;
	text-align: center;
	background: linear-gradient(135deg, palette(neutral), palette(neutral, 100));
}