[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

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);
-    }
   }
 }