.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message{
	li {
		margin: 0;
	}
	.button {
		background-color: transparent !important;
		border: none !important;
		color: #000 !important;
		padding: 0;
		font-size: 14px;
		line-height: 1;
		position: relative;
		top: 6px;
		&:after {
			display: block;
			content: '';
			position: absolute;
			width: 100%;
			@include transition(all 0.5s);
			height: 1px;
			bottom: -5px;
			background-color: currentColor;
			opacity: 0;
		}
		&:hover {
			&:after {
				opacity: 1;
			}
		}
	}

	color: #000;
	background-color: #f7f7f7;
	padding: 12px 20px 12px 40px;
	margin-bottom: 50px;
	&:before {
		top: 14px;
		left: 14px;
	}

}

.woocommerce-message {
	border-top-color: #78b873;
	&:before {
		color: #78b873;
		font-family: var(--g5-font-icon);
		content: '\f00c';
		font-weight: 900;
		font-size: 14px;
	}
}

.woocommerce-error {
	border-top-color: #e43b3b;
	&:before {
		color: #e43b3b;
		font-family: var(--g5-font-icon);
		content: '\f00d';
		font-weight: 900;
		font-size: 14px;
	}
}


.woocommerce-info {
	&:before {
		top: 12px !important;
	}
}

.woocommerce-form-login-toggle,
.woocommerce-form-coupon-toggle {
	.woocommerce-info {
		background-color: transparent;
		border-top: none;
		padding: 0;
		color: var(--g5-color-text-main);
		a {
			color: var(--g5-color-heading);
			@include transition(all .3s);
			border-bottom: 1px solid transparent;
			&:hover {
				border-color: currentColor;
			}
		}
		&:before {
			display: none;
		}
	}
}

.woocommerce-form-coupon-toggle {
	+ form.checkout_coupon {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		border: none;
		border-radius: 3px;
		padding: 35px 25px 40px 25px;
		max-width: 510px;
		.form-row {
			width: auto !important;
			margin: 0;
		}
		.form-row-last {
			margin-top: 20px;
		}
	}
}

.woocommerce-form-login-toggle {
	+ form.login {
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
		border: none;
		border-radius: 3px;
		padding: 35px 25px 40px 25px;
		max-width: 510px;
	}
}