From 544d91d85f3be56f459d887c68af52f3d0d7e46e Mon Sep 17 00:00:00 2001
From: joelhagg <joel.hagg@payex.com>
Date: Wed, 17 Jan 2024 15:23:01 +0100
Subject: [PATCH] PFE-7 update hoverstates

After updated UX Figma some changes had to be made
---
 src/less/components/payex/links.less | 33 ++++++++++++++++------------
 src/less/variables-payex.less        |  2 ++
 2 files changed, 21 insertions(+), 14 deletions(-)

diff --git a/src/less/components/payex/links.less b/src/less/components/payex/links.less
index 4fdb6f6558..9b5a87fc74 100644
--- a/src/less/components/payex/links.less
+++ b/src/less/components/payex/links.less
@@ -1,25 +1,34 @@
 @import "../links.less";
 
 a {
+	color: var(--text-link);
 
 	&:hover {
-		color: @link-hover-color;
+		color: var(--text-hover);
 		text-decoration: none;
 	}
 
+	span {
+		
+		&:hover {
+			color: var(--text-hover);
+			text-decoration: underline;
+		}
+	}
+
 	&:focus {
-		color: @brand-primary;
+		color: var(--brand-primary);
 	}
 
 	&.bright {
-		color: @payex-light-blue;
+		color: var(--payex-light-blue);
 
 		i {
-			color: @payex-light-blue;
+			color: var(--payex-light-blue);
 		}
 
 		&:focus-visible {
-			outline: 2px solid @white;
+			outline: 2px solid var(--white);
 			border-radius: 2px;
 		}
 	}
@@ -29,7 +38,7 @@ a {
 		&.bright {
 
 			span {
-				color: @payex-light-blue;
+				color: var(--payex-light-blue);
 
 				&:hover {
 					text-decoration: underline;
@@ -38,17 +47,13 @@ a {
 		}
 
 		&:hover {
-			color: @brand-primary;
-
-			span {
-				text-decoration: none;
-			}
+			color: var(--brand-primary);
 		}
 	}
 
 	&.action-link {
 		&:after {
-			color: @brand-secondary;
+			color: var(--brand-secondary);
 			content: "arrow_forward";
 			font-family: var(--payex-material-icons);
 			font-size: 1.5rem;
@@ -56,13 +61,13 @@ a {
 		}
 
 		&:hover {
-			color: @brand-secondary;
+			color: var(--brand-secondary);
 			text-decoration: none;
 		}
 
 		&.action-link-new-tab {
 			&:before {
-				background-color: @brand-primary;
+				background-color: var(--brand-primary);
 			}
 		}
 	}
diff --git a/src/less/variables-payex.less b/src/less/variables-payex.less
index 293e75b28a..32a1146926 100644
--- a/src/less/variables-payex.less
+++ b/src/less/variables-payex.less
@@ -196,6 +196,8 @@ body {
 	// text colors
 	--text-color: var(--brand-secondary);
 	--text-muted: color-mix(in srgb, var(--text-color), var(--white) 75%);
+	--text-link: #1C7D2E;
+	--text-hover: var(--brand-primary);
 
 	/* Checkbox */
 	--checkbox-checked-color: var(--brand-secondary, #3c3c3c);