/* ARK Noticebox  */
:root {
	--anb-color: #fff;
	--anb-bgcolor: #e55555;
	--anb-btn-color: #e55555;
	--anb-btn-bgcolor: #fff;
}

.ark-noticebox {
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 60px;
	font-size: var(--wp--preset--font-size--normal);
	color: var(--anb-color);
	margin: 0 auto;
	background: var(--anb-bgcolor);
	z-index: 1;
}

.ark-noticebox.is_shortcode {
	margin-bottom: var(--wp--preset--spacing--50);
}

.ark-noticebox .content-wrap {
	margin: 0 30px;
	padding: 15px;
}

.ark-noticebox .button-wrap {
	margin: 0 30px 0 0;
}

.ark-noticebox a {
	color: var(--anb-color);
	text-decoration: underline;
}

.ark-noticebox a:hover {
	color: var(--anb-color);
	opacity: 0.7;
}

.ark-noticebox a.btn {
	color: var(--anb-btn-color);
	white-space: nowrap;
	padding: 10px 20px;
	text-decoration: none;
	border: 1px solid var(--anb-btn-bgcolor);
	border-radius: 50px;
	background: var(--anb-btn-bgcolor);
}

.ark-noticebox a.btn:hover {
	color: var(--anb-btn-bgcolor);
	background: var(--anb-btn-color);
	opacity: 1.0;
}

.ark-noticebox h3 {
	color: var(--anb-color);
	margin: 0;
}

.ark-noticebox p:last-child {
	margin: 0;
}