Merge pull request #1010 from SwedbankPay/feature/pfe-1827-update-but…

…tons-dg Feature/pfe 1827 update buttons dg
SwedbankPay · Oct 30, 2024 · a70c635 · a70c635
2 parents 0599973 + 1dc013e
commit a70c635
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 5 deletions.
diff --git a/src/less/components/payex/button.less b/src/less/components/payex/button.less
@@ -1,11 +1,14 @@
 @import "../button.less";
 
-&.btn {
-	font-family: var(--brand-default);
+.btn {
+	font-family: var(--brand-default-buttons);
 
+	&:active {
+		border: 3px solid var(--brand-secondary);
+	}
+
 	&.btn-primary {
 		&:active {
-			border: @brand-primary;
 			box-shadow: none;
 		}
 
@@ -27,16 +30,29 @@
 	}
 
 	&.btn-secondary {
+		border: 1px solid var(--brand-secondary-light-3);
+
 		&:focus {
-			border: 2px solid @brand-primary;
 			box-shadow: none;
 		}
 
 		&:active {
-			border: 1px solid var(--brand-primary);
+			border: 3px solid var(--brand-secondary);
+		}  
+
+		&:hover {
+			background-color: var(--light-gray) !important;
+			color: var(--brand-secondary) !important;
 		}
 	}
 
+ 	&.btn-tertiary {
+		&:hover {
+			background-color: var(--soft-brown) !important;
+			border: 3px solid var(--soft-brown);
+		}
+	} 
+
 	&.btn-guiding-destructive {
 		background: var(--btn-destructive-color);
 		border-color: var(--btn-destructive-bg);

diff --git a/src/less/variables-payex.less b/src/less/variables-payex.less
@@ -310,6 +310,7 @@ body {
 	/* Brand fonts */
 	--brand-black: "Futura PT W08 Medium", sans-serif;
 	--brand-default: "Futura PT W08 Book", sans-serif;
+	--brand-default-buttons: "Futura PT W08 Demi", sans-serif;
 	--brand-monofont: monospace;
 	--brand-headline: "Futura PT W08 Demi", sans-serif;
 	--brand-font-default: "Futura PT W08 Book", sans-serif;