Change styling of search box

Hi I’ve been trying to achieve the attached image [whatiwant.jpg] look and feel for the website but I can’t get it right. What I have achieved so far is also attached [currentlook.jpg]

This is the code I have used so far

.is-form-style input.is-search-input {
margin-bottom: 0 !important;
margin-right: 10 !important;
border-radius: 50px !important;
font-family: Roboto !important;
font-size: 14px !important;
}

.is-form-id-9547 .is-search-submit{
border-radius: 50px !important;
padding-top: 30px !important;
background-color: #FF4A17 !important;
}

.is-form-id-9547 .is-search-icon {
color: #ffffff !important;
font-size:12pt !important;
}