input.submit 
{ 

 display: inline-block;
outline: none;
   font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .1em 1em calc(.1em + 3px);
  

border-width: 2px 0;
  border-style: solid none;
  border-color: #777777 #000 #555555;
  border-radius: 6px;
    background: linear-gradient(#555555, #777777) #777777;

  transition: 0.2s;

}
 
input.submit:hover 
{ 
    cursor:pointer;
   
} 


input.submit:active
{

border-style: solid none;
  border-color: 	#0C6ABC #000 #777777;
  border-radius: 6px;
    background: linear-gradient(	#0C6ABC, #777777) 	#0C6ABC;


}


input.submit1 
{ 

 display: inline-block;
outline: none;
   font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .1em 1em calc(.1em + 3px);
  

border-width: 2px 0;
  border-style: solid none;
  border-color: #5AC61A #000 #777777;
  border-radius: 6px;
    background: linear-gradient(#5AC61A, #777777) #5AC61A;

  transition: 0.2s;

} 

input.submit1:hover 
{ 
    cursor:pointer;
   
} 


input.submit1:active
{

border-style: solid none;
  border-color: 	#0C6ABC #000 #777777;
  border-radius: 6px;
    background: linear-gradient(	#0C6ABC, #777777) 	#0C6ABC;


}