diff --git a/index.html b/index.html
index 1c90e32..b393720 100644
--- a/index.html
+++ b/index.html
@@ -155,7 +155,7 @@ <h2 class="bttext2">LET'S COLLABORATE</h2>
                     <div class="parts">
                         <textarea name="" id="" cols="30" rows="10" placeholder="Write any message..."></textarea>
                     </div>
-                    <input type="submit">
+                    <button class="button">Submit</button>
                 </div>
 
     </div>
@@ -189,4 +189,4 @@ <h2 class="bttext2">LET'S COLLABORATE</h2>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/styles/styles.css b/styles/styles.css
index f2c924d..f493f7a 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -13,7 +13,26 @@ body {
     animation-iteration-count: infinite;
     animation-direction: forwards;
 }
+.button {
+  padding: 15px 25px;
+  font-size: 24px;
+  text-align: center;
+  cursor: pointer;
+  outline: none;
+  color: #fff;
+  background-color: #04AA6D;
+  border: none;
+  border-radius: 15px;
+  box-shadow: 0 9px #999;
+}
+
+.button:hover {background-color: #3e8e41}
 
+.button:active {
+  background-color: #3e8e41;
+  box-shadow: 0 5px #666;
+  transform: translateY(4px);
+}
 
 .events {
   background-color: rgb(248, 252, 248);
@@ -698,4 +717,4 @@ button {
     margin-left: 200px;
     margin-bottom: -90px;
 }
-}
\ No newline at end of file
+}