fix(link-button): add hover effect for icon (#752)

* fix(link-button): add hover for icon

Author: montezume

src/components/buttons/link-button/link-button.js

@@ -23,20 +23,25 @@ const LinkButton = props => (
         cursor: pointer;
         text-decoration: none;
         span {
-          color: ${vars.colorPrimary};
-          ${props.isDisabled ? `color: ${vars.colorNeutral};` : ''}
-        }
-        &:hover {
-          span {
-            color: ${vars.colorPrimary25};
-            ${props.isDisabled ? `color: ${vars.colorNeutral});` : ''}
-          }
+          color: ${props.isDisabled ? vars.colorNeutral : vars.colorPrimary};
         }
       `,
       props.isDisabled &&
         css`
           cursor: not-allowed;
         `,
+      !props.isDisabled &&
+        css`
+          &:hover {
+            span {
+              color: ${vars.colorPrimary25};
+            }
+
+            * {
+              fill: ${vars.colorPrimary25};
+            }
+          }
+        `,
     ]}
     onClick={props.isDisabled ? event => event.preventDefault() : undefined}
     data-track-component="LinkButton"