Added back action button

1 files changed, 12 insertions, 13 deletions

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 49f3f67..1c907c0 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -231,13 +231,22 @@ $static-themes: 'black' 'white' !default;
             display:        none;
             position:       absolute;
             z-index:        1;
-            inset-block:    calc(-1 * fn.dim(--border) - fn.dim(--key-focus --border-offset));
-            inset-inline:   calc(-1 * fn.dim(--border) - fn.dim(--key-focus --border-offset));
-            border-radius:  fn.dim(--rounding);
+            inset:          calc(-1 * fn.dim(--border) - fn.dim(--key-focus --border-offset));
+            border-radius:  calc(fn.dim(--rounding) + fn.dim(--key-focus --border-offset));
             outline:        fn.color(--key-focus --border) solid fn.dim(--key-focus --border);
             box-shadow:     0 0 0 calc(fn.dim(--key-focus --border) + fn.dim(--key-focus --outline)) fn.color(--key-focus --outline);
             pointer-events: none;
         }
+
+        &:link,
+        &:visited,
+        &:enabled {
+            &:focus-visible {
+                &::after {
+                    display: block;
+                }
+            }
+        }
     
         @include iro.bem-modifier('block') {
             display: block;
@@ -268,16 +277,6 @@ $static-themes: 'black' 'white' !default;
                 @include theme($theme);
             }
         }
-
-        &:link,
-        &:visited,
-        &:enabled {
-            &:focus-visible {
-                &::after {
-                    display: block;
-                }
-            }
-        }
     
         @each $theme in $static-themes {
             @include iro.bem-modifier(static-#{$theme}) {