Bedford Hamburger color change

I'm hoping to be able to change the colour of the hamburger icon in the Bedford Template. Not the nav text colour - just the hamburger icon?

I'm using the transparent banner option on all pages for aesthetic reasons. I've been able to add custom CSS to fix the bar but when the page scrolls the white hamburger icon is lost as the page colour is white.

I could, of course, change the nav colour to orange (#e48b25) but the client may not be happy with this.

I hope that this is a quick bit of code to add?

Many thanks in advance

.mobile-nav-toggle * {
    background: #e48b25 !important;
}

Reference: https://beaverhero.com/bedford-template-squarespace/#Hamburger_Icon_Color

Thanks tuanphan that worked a treat!!!