<style>
	html,
	body {
		margin: 0;
	}
	
	.banner {
		background: #009579;
	}
	
	.banner__error {
		background: #FF4D4D;
	}
	
	.banner__content {
		padding: 16px;
		max_width: 500px;
		margin: 0 auto;
		display: flex;
		align-items: center;
	}
	
	.banner__text {
		flex-grow: 1;
		line-height: 1.4;
		font-family: 'Quicksand', sans-serif;
	}
	
	.banner__close {
		background: none;
		border: none;
		cursor: pointer;
	}
	
	.banner__link {
		text-decoration-style: dotted;
	}
	
	.banner__link,
	.banner__text,
	.banner__close>span {
		color:#ffffff;
	}
	
	.banner__highlight {
		width: 800px;
		background: #000000;
	}
	
	.banner__highlight__content {
		padding: 5px;
		/*max_width: 500px;*/
		margin: 0 auto;
		display: flex;
		align-items: center;
	}
	
	.banner__highlight__text {
		flex-grow: 1;
		line-height: 1.4;
		font-size: 32px;
		font-family: 'Quicksand', sans-serif;
	}
	
	.banner__highlight__close {
		background: none;
		border: none;
		cursor: pointer;
	}
	
	.banner__highlight__text,
	.banner__highlight__close>span {
		color:#ffffff;
	}
	
</style>
