/**
 * @link https://reboot.wpshop.tech/attention/
 */
.mihdan-blockquote {
	position: relative;
	border: 0;
	margin: 2em 0;
	background: #f2f5f9;
	padding: 20px 20px 20px 65px;
	font-size: 16px;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-radius: 2px;
}
.mihdan-blockquote:before {
	content: '❭❭';
	color: #9ca9c7;
	font-size: 22px;
	position: absolute;
	top: 50%;
	left: 20px;
	margin-top: -15px;
	border-radius: 30px;
	width: 30px;
	height: 30px;
	border: 2px solid #9ca9c7;
	text-align: center;
	line-height: 28px;
	box-sizing: border-box;
	font-family: Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.mihdan-blockquote--warning {
	background: #fff4d4;
}
.mihdan-blockquote--warning:before {
	content: '!';
	color: #f58128;
	border-color: #f58128;
}

.mihdan-blockquote--question {
	background-color: #e3f1f4;
}
.mihdan-blockquote--question:before {
	content: '?';
	color: #3da2e0;
	border-color: #3da2e0;
}

.mihdan-blockquote--danger {
	background: #ffe3db;
}
.mihdan-blockquote--danger:before {
	content: '×';
	color: #ff6547;
	border-color: #ff6547;
}

.mihdan-blockquote--check {
	background-color: #def9e5;
}
.mihdan-blockquote--check:before {
	content: '✓';
	color: #34bc58;
	border-color: #34bc58;
}

.mihdan-blockquote--info {
	background: #e3f1f4;
}
.mihdan-blockquote--info:before {
	content: 'i';
	color: #3da2e0;
	border-color: #3da2e0;
}

.mihdan-blockquote--thumbs-up {
	background: #def9e5;
}
.mihdan-blockquote--thumbs-up:before {
	content: '🖒';
	color: #34bc58;
	border-color: #34bc58;
	font-size: 20px;
}

.mihdan-blockquote--thumbs-down {
	background: #ffe3db;
}
.mihdan-blockquote--thumbs-down:before {
	content: '🖓';
	color: #ff6547;
	border-color: #ff6547;
	font-size: 20px;
}