diff --git a/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.jsx b/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.jsx
deleted file mode 100644
index 6890838a..00000000
--- a/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.jsx
+++ /dev/null
@@ -1,17 +0,0 @@
-import React from 'react';
-import styles from './AdoptionButton.sass';
-
-// TODO: use submit button
-const AdoptionButton = (props) => {
-    const buttonStyle = props.userRegisteredInterest ? styles.AdoptionButtonDisable : styles.AdoptionButton;
-
-    return (
-        <button
-            onClick={props.clicked}
-            className={buttonStyle}
-            disabled={props.userRegisteredInterest}
-        >Adotar</button>
-    );
-};
-
-export default AdoptionButton;
diff --git a/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.sass b/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.sass
deleted file mode 100644
index acf6786e..00000000
--- a/app/javascript/containers/AdoptionCard/AdoptionButton/AdoptionButton.sass
+++ /dev/null
@@ -1,30 +0,0 @@
-.AdoptionButton
-  text-transform: uppercase
-  border: 0
-  font-family: Roboto, sans-serif
-  font-style: normal
-  font-weight: 500
-  font-size: 15px
-  line-height: 10px
-  color: #FFFFFF
-  width: 85px
-  height: 35px
-  background: #8FBC81
-  border-radius: 22px
-
-.AdoptionButton:hover
-  background-color: #7DA570
-
-.AdoptionButtonDisable
-  text-transform: uppercase
-  border: 0
-  font-family: Roboto, sans-serif
-  font-style: normal
-  font-weight: 500
-  font-size: 15px
-  line-height: 10px
-  color: #FFFFFF
-  width: 85px
-  height: 35px
-  background: lightgrey
-  border-radius: 22px
diff --git a/app/javascript/containers/AdoptionCard/AdoptionCard.jsx b/app/javascript/containers/AdoptionCard/AdoptionCard.jsx
index 495c85c5..c29da367 100644
--- a/app/javascript/containers/AdoptionCard/AdoptionCard.jsx
+++ b/app/javascript/containers/AdoptionCard/AdoptionCard.jsx
@@ -3,7 +3,7 @@ import styles from './AdoptionCard.sass'
 import TimeAgo from 'javascript-time-ago'
 // Load pt-BR locale for time ago
 import br from 'javascript-time-ago/locale/pt'
-import AdoptionButton from "./AdoptionButton/AdoptionButton";
+import SubmitButton from "../../components/SubmitButton/SubmitButton";
 
 TimeAgo.addLocale(br);
 
@@ -59,8 +59,13 @@ const AdoptionCard = (props) => {
                 </div>
             </div>
             <div className={styles.adoptionCardBottom}>
-                <div className={styles.adoptionButton}>
-                    <AdoptionButton clicked={props.modalOpen} userRegisteredInterest={props.userRegisteredInterest} />
+                <div>
+                    <SubmitButton
+                        clicked={props.modalOpen}
+                        isDisabled={props.userRegisteredInterest}
+                        classStyleModifier={styles.adoptionButton}
+                        title='Adotar'
+                    />
                 </div>
             </div>
         </div>
diff --git a/app/javascript/containers/AdoptionCard/AdoptionCard.sass b/app/javascript/containers/AdoptionCard/AdoptionCard.sass
index 8cc7a2ff..74599cc1 100644
--- a/app/javascript/containers/AdoptionCard/AdoptionCard.sass
+++ b/app/javascript/containers/AdoptionCard/AdoptionCard.sass
@@ -111,5 +111,9 @@
     border-radius: 3px
     background-color: #F2F3F3
 
+  .adoptionButton
+    width: 85px
+    height: 35px
+
   @media only screen and (max-width: 600px)
     width: 500px !important