Fixes amazon themed buttons

src/definitions/elements/button.less

@@ -755,8 +755,10 @@
   width: @labeledIconWidth;
   height: 100%;
   padding-top: (@verticalPadding + @basicIconOffset);
+
   background-color: @labeledIconBackgroundColor;
   text-align: center;
+  color: @labeledIconColor;
 
   border-radius: @borderRadius 0px 0px @borderRadius;
   line-height: 1;

src/themes/packages/amazon/elements/button.overrides

@@ -36,3 +36,8 @@
   right: 0.4em;
   border-radius: 3px;
 }
+
+.ui.basic.labeled.icon.buttons .button > .icon,
+.ui.basic.labeled.icon.button > .icon {
+  padding-top: 0.4em !important;
+}

src/themes/packages/amazon/elements/button.variables

@@ -7,6 +7,13 @@
 @textTransform: none;
 @textColor: #111111;
 @fontWeight: normal;
+@transition:
+  opacity @transitionDuration @transitionEasing,
+  background-color @transitionDuration @transitionEasing,
+  color @transitionDuration @transitionEasing,
+  background @transitionDuration @transitionEasing
+;
+
 
 @borderRadius: 3px;
 

src/themes/packages/default/elements/button.variables

@@ -118,6 +118,7 @@
 @labeledIconBackgroundColor: rgba(0, 0, 0, 0.05);
 @labeledIconPadding: (@horizontalPadding + @labeledIconWidth);
 @labeledIconBorder: rgba(0, 0, 0, 0.05);
+@labeledIconColor: '';
 
 @labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset;
 @labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset;