From be87a15fc7cf4cc5c8627396daced958826f7497 Mon Sep 17 00:00:00 2001
From: Anders Johnsen <anders.johnsen@sparebank1.no>
Date: Wed, 26 Feb 2025 10:38:07 +0100
Subject: [PATCH] fix(ffe-buttons): fikser visuelle bugs i shortcut-button
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feil farge på visited
* feil transition på hover og focus
---
 packages/ffe-buttons/less/base-button.less | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/ffe-buttons/less/base-button.less b/packages/ffe-buttons/less/base-button.less
index 9b19a30b16..c5cf99096b 100644
--- a/packages/ffe-buttons/less/base-button.less
+++ b/packages/ffe-buttons/less/base-button.less
@@ -179,6 +179,7 @@
 
     .ffe-button__icon {
         color: var(--ffe-color-component-button-secondary-foreground-default);
+        transition: transform var(--ffe-transition-duration) var(--ffe-ease);
     }
 
     @media (hover: hover) and (pointer: fine) {
@@ -208,8 +209,19 @@
         }
     }
 
+    &:focus,
+    &:visited {
+        color: var(--ffe-color-component-button-secondary-foreground-default);
+        background-color: var(
+            --ffe-color-component-button-secondary-fill-hover
+        );
+    }
+
+    &:hover,
     &:focus {
-        transform: translateX(12px);
+        .ffe-button__icon {
+            transform: translateX(4px);
+        }
     }
 }