fix button icon styling

Author: javiert-okta

src/features/common/components/card-toolbar-button/card-toolbar-button.module.scss

@@ -8,21 +8,25 @@
     }
 }
 .button__standard {
-  gap: 0.75rem;
-  border: none;
-  border-radius: 0.25rem;
+  gap: .75rem;
+  border-radius: .5rem;
   color: var(--color_fg_on_button_subtle);
-  font-variant-numeric: slashed-zero;
-  font-feature-settings:
-    "clig" off,
-    "liga" off;
+  z-index: 2;
   background-color: transparent;
   text-transform: uppercase;
   cursor: pointer;
-  letter-spacing: 0.2px;
+  padding: .75rem;
+  letter-spacing: .2px;
   appearance: none;
   display: flex;
   align-items: center;
+  justify-content: center;
+  border: 1px solid transparent;
+  transition: all .2s ease-out;
+  width: 2rem;
+  height: 2rem;
+  font-size: .875rem;
+  line-height: 1.375rem;
 
   &[aria-disabled="true"] {
     opacity: 0.48;
@@ -42,11 +46,11 @@
   line-height: 1.375rem;
 
   &[data-style="compact"] {
-    padding: 0.125rem 0.375rem;
-    width: unset;
-    height: unset;
-    font-size: 0.75rem;
-    line-height: 1.25rem;
+    padding: .25rem;
+    width: 2rem;
+    height: 2rem;
+    font-size: .8125rem;
+    line-height: 1.35;
   }
 
   svg {