Button moving incorrectly(?) after page load

Hello!

I am creating a personal website and I have a problem:

I am using contact forms 7 and so far managed to set it up exactly as I wanted to. The only problem is I think I messed up something on the ‘Send’ button on the bottom of the screen. It is moving abit to the left and it is not in the exact same vertical line as the boxes above it. It seems abit ‘off’. Not a really big deal, I know, but I want to fix it.

The website is this: http://www.trifonpapantoniou.com

The css for the button is this:

.wpcf7-form-control.wpcf7-submit {

float: none;
  background-color: #FCD849;
  -webkit-appearance: none;
-webkit-font-smoothing: antialiased;
background-color: #FCD849;
border: none;
color: rgb(135, 108, 2);
cursor: pointer;
display: inline-block;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: bold;
height: 63.5938px;
letter-spacing: 1.6px;
line-height: normal;
margin-bottom: 20px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding-bottom: 20.8px;
padding-left: auto;
padding-right: auto;
padding-top: 20.8px;
position: relavtive;
text-align: center;
text-decoration: none;
text-transform: uppercase;
transition-delay: 0s, 0s;
transition-duration: 0.3s, 0.3s;
transition-property: background-color, color;
transition-timing-function: ease-out, ease-in;
width: 50%;
transition: background-color 300ms ease-out, color 300ms ease-in;
}

Thank you for any help!

https://wordpress.org/plugins/contact-form-7/