Fix #33 with padding instead box-shadow

Author: CodeBrauer

dist/wing.css

@@ -277,24 +277,26 @@ h6 {
 
 /* Button Outline */
 
-.btn-outline {
-  box-shadow: inset 0 0 0 3px #fff;
-  color: #fff;
+.btn-outline, .btn-outline-inverted {
+  padding: 9px 9px;
   background: transparent;
   transition: all 0.5s ease;
 }
 
+.btn-outline {
+  border: 3px solid #fff;
+  color: #fff;
+}
+
 .btn-outline:hover,
 .btn-outline:active {
   color: #000;
   background: #fff;
 }
 
 .btn-outline-inverted {
-  box-shadow: inset 0 0 0 3px #000;
+  border: 3px solid #000;
   color: #000;
-  background: transparent;
-  transition: all 0.5s ease;
 }
 
 .btn-outline-inverted:hover,

dist/wing.min.css

@@ -50,24 +50,26 @@
 
 /* Button Outline */
 
-.btn-outline {
-  box-shadow: inset 0 0 0 3px #fff;
-  color: #fff;
+.btn-outline, .btn-outline-inverted {
+  padding: 9px 9px;
   background: transparent;
   transition: all 0.5s ease;
 }
 
+.btn-outline {
+  border: 3px solid #fff;
+  color: #fff;
+}
+
 .btn-outline:hover,
 .btn-outline:active {
   color: #000;
   background: #fff;
 }
 
 .btn-outline-inverted {
-  box-shadow: inset 0 0 0 3px #000;
+  border: 3px solid #000;
   color: #000;
-  background: transparent;
-  transition: all 0.5s ease;
 }
 
 .btn-outline-inverted:hover,