css Added 'MENU' label beside the burger icon. Need it to change color when opened.

Hello SquareSpace Forum!

Excited to make my first post here! 😊

I've implemented the following CSS code on my site:

/* MENU Burger */
.header .header-burger:after {
  content: "MENÜ" !important;
  font-weight: bold;
  color: #000;
  font-size: 15px;
  padding: 0px 0px 10px 2px;
}

I'm looking to have the color change when the mobile menu is activated.
Here's my website for reference: www.deritguru.com

Many thanks in advance!

9 hours ago, nick_sh said:

.header--menu-open .header .header-burger:after {
color: ...
}

 

I'm genuinely surprised at how I couldn't solve this by myself. 😶
Thank you, it worked immediately!