#message-area {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	padding: 24px;
	box-sizing: border-box;
	background-color: #FFFFFF;
	box-shadow: 0px -4px 15px 0px #00000040;

}

#message-area .inner-message {
	display: flex;
	gap: 8px;
}

#message-area .wp-block-image {
	max-width: clamp(8.75rem, 7.668rem + 4.808vw, 11.563rem);
	border-width: 0px;
}

#message-area p {
	/* font-size: clamp(1rem, 0.952rem + 0.214vw, 1.125rem); */
	font-size: clamp(1.266rem, 1.164rem + 0.433vi, 1.563rem);
	margin-bottom: 0;
}

#message-area .wp-element-button {
	padding: clamp(1rem, 0.829rem + 0.729vi, 1.5rem) clamp(1.5rem, 1.308rem + 0.855vw, 2rem);
	transition: all 0.3s;
	white-space: nowrap;
	background-color: #FFC813;
	color: #1E1E1E;
	border-radius: 0;
	
}

#message-area .close {
	margin-left: auto;
}

#message-area .close a {
	cursor: pointer;
	color: #1E1E1E;
}

#message-area .close a:hover,
#message-area .close a:focus {
	opacity: 0.6;
}

@media (min-width: 601px) {
	#message-area .content {
		display: flex;
		align-items: center;
		gap: 24px;
		margin-left: auto;
	}

	#message-area .wp-block-image {
		border-right: solid 1px;
		padding-right: 24px;
	}

	#message-area .text {
		max-width: 800px;
	}
}

/* Theming */
#message-area.theme-performance {
	background-color: #E6EDE9;
}

#message-area.theme-performance .wp-element-button {
	background-color: #004822;
	color: #FFFFFF;
}

#message-area.theme-performance .wp-element-button:hover {
	background-color: #789c4a;
	color: #0d1922;
}

#message-area.theme-performance .wp-block-image {
	border-right-color: #004822;
}

#message-area.theme-investigation {
	background-color: #F3F4F3;
}

#message-area.theme-investigation .wp-element-button {
	background: linear-gradient(#0000, rgb(0 0 0 / 33%)) top / 100% 800%;
	background-color: #D6D1CA !important;
	color: #0d1922;
}

#message-area.theme-investigation .wp-element-button:hover {
	background-position: bottom;
}

#message-area.theme-investigation .wp-block-image {
	border-right-color: #4C6B87;
}