Need Help With Button Color in Mobile Menu

Site URL: https://www.deoracatherine.com/

I have a button in my mobile menu ("view blog") and I'm trying to change the color of the button (to pink with white text -- i want it the same as it looks on a desktop) and cannot. Any ideas?

The button currently does not have a background, text is just white. the other attached photo is the button style i want it to be.

thanks in advance!

1 hour ago, deoracatherine said:

Site URL: https://www.deoracatherine.com/

I have a button in my mobile menu ("view blog") and I'm trying to change the color of the button (to pink with white text -- i want it the same as it looks on a desktop) and cannot. Any ideas?

 

The button currently does not have a background, text is just white. the other attached photo is the button style i want it to be.

thanks in advance!

try

.header-actions .btn,
.header-menu .header-menu-cta a {
  color: #fff;
    background-color: #e45b92;
    border-color: #e45b92;
}
body.header--menu-open .header .header-burger .top-bun, body.header--menu-open .header .header-burger .patty, body.header--menu-open .header .header-burger .bottom-bun {
    background-color: #fff;
}

On 4/1/2021 at 6:09 PM, bangank36 said:

try

.header-actions .btn,
.header-menu .header-menu-cta a {
  color: #fff;
    background-color: #e45b92;
    border-color: #e45b92;
}
body.header--menu-open .header .header-burger .top-bun, body.header--menu-open .header .header-burger .patty, body.header--menu-open .header .header-burger .bottom-bun {
    background-color: #fff;
}

Worked perfectly!! thank you so much!