.woocommerce-info, 
.woocommerce-error, 
.woocommerce-message {
	display: flex;
	position: relative;
	font-size: 15px;
	color: var(--color);
	padding: 10px;
	min-height: 65px;
	clear: both;
	border-radius: 5px;
	background: var(--background-color);

	// --listItemSpacing: 0;
	--listItemSpacing: 0.2em;
	--listStyleType: none;
	--linkInitialColor: var(--color);

	@include media-breakpoint-down (xs) {
		align-items: flex-start;
		flex-direction: column;
		padding: 15px;
	}

	@include media-breakpoint-up (sm) {
		align-items: center;
		padding-inline-start: 55px;
	}

	@include media-breakpoint-down (md) {
		margin-bottom: 30px;
	}

	@include media-breakpoint-up (lg) {
		margin-bottom: 45px;
	}

	li {
		width: 100%;
	}

	.button {
		order: 2;
		--buttonFontSize: 14px;
		--buttonMinHeight: 45px;
		--button-padding: 5px 20px;

		@include media-breakpoint-down (xs) {
			margin-top: 15px;
		}

		@include media-breakpoint-up (sm) {
			margin-inline-start: auto;
		}
	}

	&:before {
		position: absolute;
		width: 18px;
		height: 18px;
		font-family: 'woo';
		content: '\e901';
		font-size: 18px;
		line-height: 18px;
		opacity: 0.9;

		@include media-breakpoint-down (xs) {
			display: none;
		}

		@include media-breakpoint-up (sm) {
			top: 23px;
			left: 20px;
		}
	}

	&:after {
		display: table;
		content: '';
		clear: both;
	}
}

.woocommerce-NoticeGroup > ul {
	flex-direction: column;

	@include media-breakpoint-up (sm) {
		align-items: flex-start;
	}
}

.woocommerce-notices-wrapper > ul > li {
	display: flex;
	align-items: center;

	@include media-breakpoint-down (xs) {
		align-items: flex-start;
		flex-direction: column;
	}
}

// .woocommerce-error {
// 	.button {
// 		--buttonInitialColor: #b92c3e;
// 		--buttonHoverColor: #9c2131;
// 	}
// }