Can’t get rid of the grey box and center the lens

Hi
as you can see I can’t get rid of that grey box and cannot center the lens.
this is my current CSS (from ChatGPT)

/* Ensure the form container uses flexbox for horizontal alignment */
.is-form-style.is-form-style-3 {
display: flex; /* Align input and button in a row */
align-items: center; /* Vertically center elements */
margin: 0;
padding: 0;
}

/* Style the input field */
.is-form-style.is-form-style-3 input.is-search-input {
height: 40px; /* Height is 40px */
background-color: white !important; /* Solid white background */
border-radius: 10px 0 0 10px; /* Rounded left corners */
color: #444444 !important;
border: 1px solid #ccc; /* Light grey border */
box-sizing: border-box;
padding-left: 10px;
margin: 0;
flex: 1; /* Input takes all available space */
}

/* Style the search button */
.is-form-style.is-form-style-3 button.is-search-submit {
height: 40px; /* Button height reduced */
width: 40px; /* Button width reduced */
border-radius: 0 10px 10px 0; /* Rounded right corners */
background-color: #f97300 !important; /* Orange background */
border: none; /* Remove all borders */
display: flex;
justify-content: center;
align-items: center; /* Center the icon */
padding: 0;
margin: 0;
}

/* Style the search icon inside the button */
.is-form-style.is-form-style-3 button.is-search-submit .is-search-icon,
.is-form-style.is-form-style-3 button.is-search-submit svg {
width: 24px; /* Increase the size of the lens to 24px */
height: 24px;
margin: 0;
padding: 0;
background-color: transparent !important; /* Remove any background */
display: block;
}

/* Specifically target the path inside the SVG to make it white */
.is-form-style.is-form-style-3 button.is-search-submit svg path {
fill: white !important; /* Force the lens to be white */
}

/* Remove any unwanted box or shadow around the icon */
.is-form-style.is-form-style-3 button.is-search-submit .is-search-icon:before,
.is-form-style.is-form-style-3 button.is-search-submit svg:before {
content: none !important;
display: none !important; /* Ensure no extra content appears */
}

/* Ensure the search icon SVG is fully centered */
.is-form-style.is-form-style-3 button.is-search-submit svg {
display: block; /* Ensure the icon is block-level */
margin: auto; /* Center it inside the button */
}