.woocommerce-info, 
.woocommerce-error, 
.woocommerce-message {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	min-height: 70px;
	font-size: 15px;
	margin-bottom: 50px;
	padding: 20px 20px 20px 70px;
	border-radius: 5px;
	border: 1px solid $border-color;
	background: rgba(224, 229, 235, 0.1);

	&:before {
		position: absolute;
		top: 25px;
		left: 27px;
		width: 20px;
		height: 20px;
		font-family: 'woo';
		content: '\e900';
		font-size: 20px;
		line-height: 20px;
		opacity: 0.9;
		// color: var(--paletteColor1);
	}

	.button {
		--buttonFontSize: 15px;
		// --buttonFontWeight: 600;
		--height: 38px;
		--padding: 0 18px;

		order: 3;
		margin: -5px -5px -5px auto;
		text-transform: capitalize;
	}

	li {

		&:last-of-type {
			margin-bottom: 0;
		}
	}
}


.woocommerce-info {
	.showcoupon {
		margin-left: auto;
	}
}


ul.woocommerce-error {
	flex-wrap: wrap;
	list-style-position: inside;

	li:not(:only-child) {
		flex: 0 0 100%;
	}
}


// group message
.woocommerce-NoticeGroup > ul {
	flex-wrap: wrap;
}