1 files changed, 2 insertions, 8 deletions

diff --git a/assets/css/components/_outer-button.scss b/assets/css/components/_outer-button.scss
index f3d3276..fb3a51e 100644
--- a/assets/css/components/_outer-button.scss
+++ b/assets/css/components/_outer-button.scss
@@ -3,7 +3,7 @@
         --colors: (
             --fg:     prop(--colors --bg-hi, $global: true),
             --bg:     prop(--colors --fg-lo, $global: true),
-            --border: rgba(#000, .1),
+            --border: prop(--colors --fg, $global: true),
             --hover: (
                 --bg: prop(--colors --accent --color, $global: true),
                 --fg: prop(--colors --bg-hi, $global: true),
@@ -18,12 +18,6 @@
         )
     ));
 
-    @include store((
-        --colors: (
-            --border: rgba(#fff, .1),
-        )
-    ), 'light');
-
     @include component(namespace()) {
         display:          flex;
         height:           prop(--dims --outer, $global: true);
@@ -72,7 +66,7 @@
             height:        100%;
             padding-right: prop(--dims --pad-x);
             padding-left:  prop(--dims --pad-x);
-            transition:    border-color .2s;
+            transition:    border-left-color .2s;
             font-size:     1 / 16 * 14em;
             line-height:   prop(--dims --outer, $global: true);
             white-space:   nowrap;