InlineButton works like a button instead of a link

src/components/Button/Button.css

@@ -72,3 +72,30 @@
     cursor: auto;
   }
 }
+
+.inlineButton {
+  display: inline-block;
+  padding: 0;
+
+  /* fill colors should be in sync with marketplace color palette */
+  background-color: transparent;
+
+  /* border-width should be in sync with marketplace strike-widths */
+  border-width: 0px;
+
+  /* Font configuration */
+  text-decoration: underline;
+
+  /* Hovers */
+  &:enabled {
+    cursor: pointer;
+  }
+  &:enabled:hover,
+  &:enabled:active {
+    background-color: transparent;
+  }
+  &:disabled {
+    background-color: transparent;
+    cursor: auto;
+  }
+}

src/components/Button/Button.js

@@ -29,7 +29,9 @@ Button.propTypes = {
 export default Button;
 
 export const FlatButton = props => <Button {...props} rootClassName={css.flatButton} />;
-
 FlatButton.defaultProps = { className: '' };
-
 FlatButton.propTypes = { className: string };
+
+export const InlineButton = props => <Button {...props} rootClassName={css.inlineButton} />;
+InlineButton.defaultProps = { className: '' };
+InlineButton.propTypes = { className: string };

src/components/index.js

@@ -2,7 +2,7 @@ import AddImages from './AddImages/AddImages';
 import AuthorInfo from './AuthorInfo/AuthorInfo';
 import Avatar from './Avatar/Avatar';
 import BookingInfo from './BookingInfo/BookingInfo';
-import Button, { FlatButton } from './Button/Button';
+import Button, { FlatButton, InlineButton } from './Button/Button';
 import CurrencyInput from './CurrencyInput/CurrencyInput';
 import DateInput from './DateInput/DateInput';
 import Discussion from './Discussion/Discussion';
@@ -43,6 +43,7 @@ export {
   FilterPanel,
   FlatButton,
   HeroSection,
+  InlineButton,
   Input,
   LabeledField,
   ListingCard,