Change font family for input type submit

I need to change the font family of an input field that will be used to submit a form. the HTML markup is generated from contact form 7, and using the ::placeholder pseudo class I was able to change the font family and the color of the placeholder that is inside the other form fields. At the moment I have this markup

<input class="wpcf7-form-control wpcf7-submit has-spinner" id="submit-button" type="submit" value="Send request">

I've tried using CSS to apply the font family I need but it's ignored

#submit-button {
    font-family: "Maiden Orange", serif;
    font-weight: 400;
    font-style: normal;
    background-color: transparent;
    font-size: 26px;
    text-transform: uppercase;
    color: white;
    border: none;
    background-image: url('...');
    background-position: center;
    background-repeat: no-repeat;
}
#submit-button::hover {
    border: none;
    background-color: transaprent;
}

Is there any other solution I can apply?

Start with this and work from there.

@import url('https://fonts.googleapis.com/css2?family=Maiden+Orange&display=swap');

#submit-button {
  font-family: 'Maiden Orange', serif;
  font-size: 2em;
  padding: 0.25em 0.5em 0;
  border: 2px solid darkorange;
  border-radius: 0.25em;
  background: orange;
  color: white;
}

<input type="submit" id="submit-button" value="Submit"/>