.warning_block {
	display: flex; gap: 1rem; align-items: center;
	padding: 1rem;
	border: 0.125rem solid #e7a512;
}
.warning_block.alert {
	border-color: #dd1111;
}
.warning_block .icon {
	flex: 0 0 3rem;
	font-size: 2rem; color: #e7a512; text-align: center;
}
.warning_block.alert .icon {
	color: #dd1111;
}
.warning_block .text {
	flex: 1 1 auto;
}
@media (min-width: 768px) and (max-width: 1023px), (min-width: 1280px) {
	.warning_block {
		gap: 1.5rem;
		padding: 1.5rem;
	}
	.warning_block .icon {
		flex: 0 0 5rem;
		font-size: 3rem; color: #e7a512; text-align: center;
	}
}