Style part page

web/src/components/Button/Button.js

@@ -1,16 +1,19 @@
+import { getActiveClasses } from 'get-active-classes'
 import Svg from 'src/components/Svg'
 
-const Button = ({onClick, iconName, children}) => {
+const Button = ({onClick, iconName, children, className, shouldAnimateHover}) => {
   return (
-    <div>
       <button
-        className="flex items-center bg-indigo-200 bg-opacity-50 rounded-xl p-2 px-6 text-indigo-600"
+        className={getActiveClasses(
+          "flex items-center bg-opacity-50 rounded-xl p-2 px-6 text-indigo-600",
+          {'mx-px transform hover:-translate-y-px transition-all duration-150': shouldAnimateHover},
+          className
+        )}
         onClick={onClick}
       >
         {children}
         <Svg className="w-6 ml-4" name={iconName} />
       </button>
-    </div>
   )
 }