css – Align enter area and button

Good night,

I attempted to align the enter area and the submit button of an e mail submission kind (plugin: contact kind 7).

<kind motion="https://check.librairiedamase.com/?na=s" methodology="submit">
  <enter sort="hidden" title="nlang" worth="">
  <enter class="tnp-email" id="tnp-1" sort="e mail" required="" title="ne" worth="" placeholder="Electronic mail">
  <enter class="tnp-submit" sort="submit" worth="S’abonner" >
</kind>

Right here is my CSS code :

  border-radius: 25px 0 0 25px;
  top: 38px;
  padding: 9px 10px;
  margin-right: -5px;
}

enter#tnp-1.tnp-email:focus {
    define: none;
}

enter.tnp-submit {
  border-radius: 0 25px 25px 0;
  background: #1a4e3c;
  top: 38px;
  padding: 9px 10px;
  colour:  white;
}

enter.tnp-submit:hover {
  background: #4d806e;
}

enter#tnp-1.tnp-email, button, enter, optgroup, choose, textarea {
    font-family: inherit;
    border: none;
}

Surprisingly, the enter area and the button should not completely aligned.

Thanks upfront to your assist.