.note {
	font-size: 1.2rem;
	color: $color--seashell;
	line-height: 1.45rem;
	&:before {
		margin-right: 0.6rem;
		display: inline-block;
	}
}

.note--big {
	font-weight: 200;
	padding: 0.5rem 2rem 0.5rem 4rem;
	font-size: 1.8rem;
	text-align: left;
	line-height: 3rem;
	display: inline-block;
	margin: auto;
	color: $color--black;

	svg {
		display: inline-block;
		font-size: 3rem;
		line-height: 3rem;
		float: left;
		margin-left: -4rem;
	}
}

.note--error {
	@extend .note;
	color: $color--red;
}