[B] fix focus style

Author: dananjohnson

client/src/global/components/atomic/Button/styles.js

@@ -24,11 +24,10 @@ const aSecondaryButtonDark = `
   &:focus-visible {
     color: var(--color-base-neutral95);
     background-color: var(--color-base-neutral30);
-    border-color: var(--color-base-neutral30);
   }
 
-  &:focus-visible {
-    border-color: var(--color-base-neutral75);
+  &:hover {
+    border-color: var(--color-base-neutral30);
   }
 `;
 
@@ -72,6 +71,11 @@ export const Button = styled("button", transientOptions)`
     background-color: var(--color-accent-primary-dull);
   }
 
+  &:focus-visible {
+    border-color: transparent;
+    outline-offset: 3px;
+  }
+
   ${({ $secondary, $darkMode }) => {
     if ($secondary) {
       if ($darkMode) {