From 4ff590e28b11416d7e37c0a8f9fe122b38e29b39 Mon Sep 17 00:00:00 2001
From: Antoine Clausse <antoine.clausse@overleaf.com>
Date: Tue, 9 Dec 2025 16:57:38 +0100
Subject: [PATCH] [web] Avoid overriding button hover styles in button-links
 (#30230)

* Avoid overriding button styles in button-links

* Remove now unnecessary btn background override in button-links

GitOrigin-RevId: 2f47b461b6d66f1f5bbbf93b32c197cd53ca959a
---
 .../frontend/stylesheets/ciam/ciam-links.scss   | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/services/web/frontend/stylesheets/ciam/ciam-links.scss b/services/web/frontend/stylesheets/ciam/ciam-links.scss
index 8817c2b351..6f0dd463b4 100644
--- a/services/web/frontend/stylesheets/ciam/ciam-links.scss
+++ b/services/web/frontend/stylesheets/ciam/ciam-links.scss
@@ -18,20 +18,19 @@
   }
 
   a:focus-visible {
-    box-shadow: 0 0 0 2px var(--ds-color-yellow-500);
-    outline: none;
-    color: var(--ds-color-text-primary);
-    background-color: var(--ds-color-yellow-500);
-    border-radius: 1px;
+    &:not(.btn) {
+      // don't override button focus styles
+      box-shadow: 0 0 0 2px var(--ds-color-yellow-500);
+      outline: none;
+      color: var(--ds-color-text-primary);
+      background-color: var(--ds-color-yellow-500);
+      border-radius: 1px;
+    }
 
     &.ciam-image-link {
       @include ds-focus-outline;
 
       background-color: transparent;
     }
-
-    &.btn {
-      background-color: var(--bs-btn-bg);
-    }
   }
 }