@keyframes waveAnimation{
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 200%;
  }
}


html body .forminator .forminator-button-submit {
    background-clip: border-box!important;
    background-size: 200% 100%!important;
    background-position-x: 0;
	    border-radius: 25px!important;
    padding: 0.7em 1.9em!important;
    background-position-y: 4em!important;
    transition: background-position-y 0.6s ease, color 0.25s ease-in-out!important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='198'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='50%25' x2='50%25' y1='-10.959%25' y2='100%25'%3E%3Cstop stop-color='%2357BBC1' stop-opacity='.25' offset='0%25'/%3E%3Cstop stop-color='%23015871' offset='100%25'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23a)' fill-rule='evenodd' d='M.005 121C311 121 409.898-.25 811 0c400 0 500 121 789 121v77H0s.005-48 .005-77z' transform='matrix(-1 0 0 1 1600 0)'/%3E%3C/svg%3E")!important;
    animation: waveAnimation 4s infinite linear!important;
    background-repeat: repeat-x!important;  
  }
  
  
 html body .forminator   .forminator-button-submit:hover {
    background-color: #A8D6C3!important;
  
    background-position-x: 0;
    background-position-y: 0!important;
    color: white!important;
  
  }
  
.forminator {
    width: 30%;
    margin: 0 auto;
}
.row1 {
    margin: 4em 0;
}

.row1 h3 {
    color: black;
    font-family: 'Montserrat';
    font-weight: 700;
    font-size: 2em;
    width: fit-content;
    margin: 0 auto;
}

@media only screen and (min-width:1100px) and (max-width:1600px){
.forminator {
    width: 40%;
    margin: 0 auto;
}	
}

@media only screen and (min-width:500px) and (max-width:1100px){
	.forminator {
    width: 60%;
    margin: 0 auto;
}
}

@media only screen and (min-width:200px) and (max-width:500px){
	.forminator {
    width: 80%;
    margin: 0 auto;
}
}