Merge pull request #4191 from Codeinwp/fix/woo_notices_wc8.5

fix: woocommerce notices for wc8.5 #4189

assets/scss/components/compat/woocommerce/_notices.scss

@@ -64,6 +64,77 @@ $notices: (
 	}
 }
 
+$blockNotices: (
+	"success": $success,
+	"error": $error,
+	"info": var(--nv-primary-accent),
+);
+
+.neve-main .wc-block-components-notice-banner {
+	--btnfs: $text-sm;
+	--primarybtnpadding: 10px 15px;
+	--primarybtnborderwidth: 3px;
+	--primarybtncolor: #fff;
+	--primarybtnhovercolor: #fff;
+	--primarybtnhoverbg: transparent;
+	--primarybtnbg: transparent;
+
+	.wc-block-components-notice-banner__content {
+
+		&:has(.wc-forward, .showcoupon) {
+			display: inline-flex;
+			flex-basis: 100%;
+			flex-wrap: nowrap;
+			justify-content: space-between;
+			align-items: center;
+		}
+
+		&:has(.wc-forward) {
+			flex-direction: row-reverse;
+		}
+
+		&:has(.showcoupon) {
+			flex-direction: row;
+		}
+	}
+}
+
+@each $noticeName, $color in $blockNotices {
+	.neve-main .wc-block-components-notice-banner.is-#{$noticeName} {
+		border-radius: 3px;
+		background-color: $color;
+		border: 0;
+		color: #fff;
+		font-size: inherit;
+		line-height: inherit;
+		align-items: center;
+
+		svg {
+			background-color: #fff;
+			fill: $color;
+		}
+
+		a:is(.wc-forward, .showcoupon) {
+			background: var(--primarybtnbg) !important;
+			border: var(--primarybtnborderwidth, 0) solid currentColor !important;
+			border-radius: var(--primarybtnborderradius, 3px);
+			color: var(--primarybtncolor) !important;
+			padding: var(--primarybtnpadding, 13px 15px) !important;
+			text-decoration: none !important;
+			opacity: 1;
+			float: none;
+
+			&:hover {
+				background: var(--primarybtnhoverbg) !important;
+				color: var(--primarybtnhovercolor) !important;
+				border-color: var(--primarybtnhovercolor) !important;
+				opacity: 0.9;
+			}
+		}
+
+	}
+}
+
 .woocommerce .woocommerce-error {
 	padding-left: 3.5em;