diff --git a/src/less/components/payex/button.less b/src/less/components/payex/button.less
index 039d3cf44f..87ad3d5dde 100644
--- 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
index ba1e3ba16d..bb95cf8721 100644
--- 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;