From 131a1363c5cacef8a137ab96021ebce4c2543609 Mon Sep 17 00:00:00 2001
From: Niels Lange <info@nielslange.de>
Date: Thu, 2 Nov 2023 16:16:19 +0700
Subject: [PATCH] Introduce hover-effect() mixin (#11526)

---
 assets/css/abstracts/_mixins.scss                  | 14 +++++++++-----
 .../cart-checkout/cart-line-items-table/style.scss |  3 ++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/assets/css/abstracts/_mixins.scss b/assets/css/abstracts/_mixins.scss
index 16aa41a7a3b..7fef7d98f7c 100644
--- a/assets/css/abstracts/_mixins.scss
+++ b/assets/css/abstracts/_mixins.scss
@@ -171,18 +171,22 @@ $fontSizes: (
 	text-decoration: underline;
 }
 
+@mixin hover-effect() {
+	&:hover {
+		text-decoration: none;
+		color: inherit;
+		cursor: pointer;
+	}
+}
+
 // Reset <button> style so we can use link style for action buttons in filter blocks
 @mixin filter-link-button() {
 	@include link-button();
+	@include hover-effect();
 	@include font-size(small);
 	text-decoration: underline;
 	font-weight: normal;
 	color: inherit;
-
-	&:hover {
-		text-decoration: none;
-		color: inherit;
-	}
 }
 
 // Makes sure long words are broken if they overflow the container.
diff --git a/assets/js/base/components/cart-checkout/cart-line-items-table/style.scss b/assets/js/base/components/cart-checkout/cart-line-items-table/style.scss
index 0d34496c7c1..0a2f3285f64 100644
--- a/assets/js/base/components/cart-checkout/cart-line-items-table/style.scss
+++ b/assets/js/base/components/cart-checkout/cart-line-items-table/style.scss
@@ -34,7 +34,8 @@ table.wc-block-cart-items {
 		}
 		.wc-block-cart-item__quantity {
 			.wc-block-cart-item__remove-link {
-				@include link-button;
+				@include link-button();
+				@include hover-effect();
 				@include font-size( smaller );
 
 				text-transform: none;