Customized CSS not working for form button

Hi!

I'm trying to modify the hover state color of the submit button of a form on my website, but for some reason it stays the same. I've searched for this issue in the forums and tried the solutions I found in previous posts but it doesn't work on my site (which isn't published yet).

I currently have the below code in my css from a previous forum thread on this issue. This is the same code as for my other buttons and how I want it to look but it stays with a black fill as the hover state regardless.

.form-wrapper input[type=submit] {
    border-color:#6819CF!important;
      background: transparent!important;
      text-decoration:none!important;
      color:#6819CF!important;
}

.form-wrapper input[type=submit]:hover {
    border-color:#6819CF!important;
      background: transparent!important;
      text-decoration:none!important;
      color:#6819CF!important;
}
 

Could someone please help with this? Much appreciated!

Thank you @tuanphan this worked! 😊