2 files changed, 5 insertions, 1 deletions

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 84da11b..5ba8576 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -177,13 +177,14 @@
         padding-block:    props.get(vars.$pad-b);
         padding-inline:   props.get(vars.$pad-i);
         line-height:      props.get(vars.$line-height);
+        font-size:        props.get(vars.$font-size);
         text-align:       center;
         text-decoration:  none;
         text-overflow:    ellipsis;
         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 +201,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);