/***** Message blocks *****/
/*.woocommerce-notifications-wrapper 										{ border:none; display:flex; flex-direction:column; gap:var(--space-4);
	.woocommerce-message 													{ border:none; }
	.woocommerce-error, 
	.woocommerce-info, 
	.woocommerce-message 													{ margin:0; padding:var(--space-4) var(--space-6); display:flex; gap:var(--space-4); align-items:center; background-color:var(--color-brand-200); color:var(--color-ui-900); font-weight:bold; border:none; border-radius:var(--radius-md); border:none; box-shadow:none; }

	.woocommerce-error::before, 
	.woocommerce-info::before, 
	.woocommerce-message::before 									{ position:relative; top:0; left:0; }

	.woocommerce-error::after, 
	.woocommerce-info::after, 
	.woocommerce-message::after 									{ display:none; }

	a 																						{ margin-left:auto; }
	.woocommerce-message .button 									{ margin-left:auto; background-color:var(--color-brand-500); color:var(--color-ui-0);
		&:hover 																		{ background-color:var(--color-brand-700); color:var(--color-ui-0); }
	}
}*/

/************************************************
Notification
************************************************/

.notification 																	{ margin:20px 40px 0; display: flex; align-items: center; gap: var(--space-4); padding: var(--space-4) var(--space-6); border-radius: var(--radius-md); font-weight: bold;
	a.button 																			{ background-color:var(--color-brand-500); color:var(--color-ui-0);
		&:hover 																		{	background-color:var(--color-brand-700); color:var(--color-ui-0); }
	}
}

.notification__content {

	flex: 1;

}

.notification__actions {

	margin-left: auto;

	display: flex;
	align-items: center;
	gap: var(--space-3);

}

.notification__close {

	width: 36px;
	height: 36px;

	display: flex;
	align-items: center;
	justify-content: center;

	border: 0;
	border-radius: 50%;

	background: transparent;

	cursor: pointer;

	font-size: 1.25rem;

	transition: .2s;

}

.notification__close:hover {

	background: rgb(0 0 0 / .08);

}

.notification--success {

	background: var(--color-brand-200);

	color: var(--color-ui-900);

}

.notification--error {

	background: var(--color-negative-100);

	color: var(--color-negative-700);

}

.notification--info {

	background: var(--color-brand-100);

	color: var(--color-brand-700);

}