Fields/button alignment and dropdown highlight color problems

Hi,
I use Elementor Pro and Hello theme.
I’m not expert about css, however I tried to add the custom css like at the end of this message to change colors, font and some settings.
I have 2 problems with this plugin:
1) In Chrome, Ms Edge and Firefox the form fields and the button are aligned:
https://ibb.co/RbmVztj
In Internet Explorer not:
https://ibb.co/BTPTXHM
How can I solve?
2) In the dropdown menu when I move the mouse over a voice the area is highlighted in blue. I read that is due to the browser:
https://ibb.co/SQzwrWq
Isn’t there a solution?
Thanks

body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #54595F; }

button,
input,
optgroup,
select,
textarea {
    color: #54595F;}

input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
  width: 100%;
  border: solid 1px #54595F;
  border-radius: 5px;
  padding: 0.5rem 1.5rem;}
 
button,
[type="submit"],
[type="button"] {
  display: inline-block;
  font-weight: bold;
  color: #54595F;
  text-align: center;
  background-color: #75E7C2;
  border: 1px ;
  border-radius: 5px;}
  button:focus,
  [type="submit"]:focus,
  [type="button"]:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color; }
  button:hover, button:focus,
  [type="submit"]:hover,
  [type="submit"]:focus,
  [type="button"]:hover,
  [type="button"]:focus {
    color: #54595F;
    background-color: #75E7C2;
    text-decoration: none; }
  button:not(:disabled),
  [type="submit"]:not(:disabled),
  [type="button"]:not(:disabled) {
    cursor: pointer; }