/* Create a Red Search Button with Centered Icon */
#search_widget form {
    position: relative !important;
    display: flex !important;
    border: 2px solid #e5e5e5; /* Light border for the whole bar */
    background: #fff;
    padding: 0 !important;
    overflow: hidden; /* Clips the red button corners to the bar */
}

#search_widget form input[type='text'] {
    border: none !important;
    flex-grow: 1;
    height: 45px !important;
    padding: 0 15px !important;
    margin: 0 !important;
    outline: none !important;
}

#search_widget form i.search {
    /* Position and Size */
    position: relative !important; /* Changed from absolute to sit in flex flow */
    height: 45px !important;
    width: 60px !important;
    
    /* Centering the Icon */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    
    /* Button Styling */
    background: #8b111a !important; /* Your deep red color */
    color: #ffffff !important;      /* White icon */
    font-size: 24px !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
    
    /* Resetting your inline styles */
    padding-top: 0 !important;
    top: 0 !important;
}

/* Hide the clear icon */
#search_widget form i.clear {
    display: none !important;
}