diff --git a/src/Layout/Form/styledInput.jsx b/src/Layout/Form/styledInput.jsx
new file mode 100644
index 00000000..969684c4
--- /dev/null
+++ b/src/Layout/Form/styledInput.jsx
@@ -0,0 +1,52 @@
+import styled, {css, keyframes} from 'styled-components';
+
+const personalbtn = keyframes`
+  0% {
+    left: 250%;
+  }
+  100% {
+    left: 0%;
+  }
+`;
+
+export const StyledFormSubmit = styled.input`
+  border: 2px solid #204740;
+  box-sizing: inherit;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 1.8em;
+  margin-bottom: 10px;
+  padding: 10px 20px;
+  background-color: transparent;
+  transition: all 0.5s;
+  text-decoration: none;
+  left: 35%;
+  overflow: hidden;
+  animation: ${personalbtn} 10s steps(1) -1s normal;
+  color: #fff;
+  border-color: #fff;
+  &:hover {
+    text-decoration: none;
+    border-color: #206a5d;
+    background-color: #204740;
+    color: #fff;
+  }
+  ${props => props.Primary && css`
+      display: flex;
+      justify-content: center;
+      text-transform: uppercase;
+      text-align: center;
+      white-space: nowrap;
+      width: fit-content;
+      margin: 0 auto;
+      &:hover {
+        transition: 0.5s color ease;
+      }
+      @media only screen and (min-device-width: 375px) and (max-device-width: 1180px) {
+        width: 20%;
+        margin: auto;
+        bottom: 0 !important;
+        width: 40%;
+      }
+  `}
+`;