middle the button

Author: AsmaIbrahimButt

ContactForm/contact.html

@@ -42,12 +42,11 @@
               <label for="">Write your message</label>
             </div>
           </div>
-          <div class="form-row submit-btn">
-            <div class="input-data">
-              <div class="inner"></div>
-              <input type="submit" value="submit">
-            </div>
-          </div>
+          
+         
+          
+            <button class="custom-btn btn-8">Submit</button>
+          
         </form>
       </div>
 </body>

ContactForm/style.css

@@ -125,7 +125,49 @@ form .form-row .textarea{
   cursor: pointer;
   position: relative;
   z-index: 2;
-}
+
+}
+.btn-8 {
+  line-height: 40px;
+ padding: 0;
+ background: transparent;
+ position: relative;
+ z-index: 2;
+ color: #fff;
+ -webkit-perspective: 300px;
+ perspective: 300px;
+ -webkit-transform-style: preserve-3d;
+ transform-style: preserve-3d;
+ width: 40%;
+ left:200px;
+ 
+
+}
+
+.btn-8:hover{
+ color: rgb(152, 127, 197);
+}
+.btn-8:after {
+ position: absolute;
+ content: "";
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: rgb(107, 110, 240);
+ z-index: -1;
+ -webkit-transform-origin: center bottom;
+ transform-origin: center bottom;
+ -webkit-transform: rotateX(0);
+ transform: rotateX(0);
+ transition: all 0.3s ease;
+}
+.btn-8:hover:after {
+ -webkit-transform: rotateX(-180deg);
+ transform: rotateX(-180deg);
+}
+ 
+
 @media (max-width: 700px) {
   .container .text{
     font-size: 30px;