replaced comment form for a custom one

public/css/comments.css

@@ -1,3 +1,13 @@
+#pexpo-custom-comment-form {
+    width: 100%;
+    padding: 20px;
+    box-sizing: border-box;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+
 .pexpo-core-comments-title {
     text-align: center;
     font-size: 2rem;
@@ -105,6 +115,7 @@
     border-radius: 15px;
     padding: 20px;
     height: fit-content;
+    margin-top: 50px;
 
     & .pexpo-core-com-form-title {
         margin: 0 0 20px 0;
@@ -146,6 +157,24 @@
     margin: 50px 0;
 }
 
+.pexpo-core-submit-wrapper {
+    display: flex;
+    justify-content: center;
+    margin: 40px;
+
+    & .submit {
+        background-image: linear-gradient(rgb(178, 34, 34) 21%, rgb(149, 0, 0) 87%);
+        color: white;
+        border: none;
+        border-radius: 15px;
+        padding: 10px 20px;
+        font-size: 1rem;
+        cursor: pointer;
+        transition: background-color 0.3s ease;
+
+    }
+}
+
 
 @keyframes scrolling {
     to {