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

	--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;
	}

	li {
		width: 100%;
		margin-bottom: 0.3em;
	}

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

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

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

	&: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 ul.woocommerce-error {
	flex-direction: column;
	justify-content: center;
	margin-bottom: 2rem;

	li {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.3em;
	}
}