Fixes

2 files changed, 4 insertions, 1 deletions

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 84da11b..e75e156 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -183,7 +183,7 @@
         white-space:      nowrap;
         border:           props.get(vars.$border-width) solid transparent;
         border-radius:    props.get(vars.$rounding);
-        transition:       background-color .1s, border-color .1s, box-shadow .1s;
+        transition:       color .1s, background-color .1s, border-color .1s, box-shadow .1s;
 
         &::after {
             position:       absolute;
@@ -200,6 +200,8 @@
         &:visited,
         &:enabled {
             &:focus-visible {
+                transition: none;
+
                 &::after {
                     display: block;
                 }
diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index e80df2c..4bd6a59 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -32,6 +32,7 @@
 
             &:focus-visible {
                 margin:        calc(-1 * props.get(vars.$key-focus--border-width));
+                transition:    transform .2s;
                 border:        calc(props.get(vars.$key-focus--border-offset) + props.get(vars.$border-width)) solid transparent;
                 border-radius: calc(props.get(vars.$rounding) + props.get(vars.$key-focus--border-offset));
                 outline:       props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width);