CSS not taking effect

Site URL: http://anitaksolutions.com

Hi team...

I'm trying to make some simple adjustments for a client but I'm kinda stuck.

The first one I'm trying to do is to make all three buttons the same size on the client's front page.  When I look up the CSS Element all I see is a class that if modified changes the settings for the other two buttons and not just the middle button that. want to size to match the others. Am I missing something or is this just not possible?

http://anitaksolutions.com

Second...I have the proper selector and code to change the background color of the Spotify player.  When I change it in the the browser css console I can see the change happen.  When I copy it to the Custom CSS area on the website the CSS never takes effect and I can't even see that it's been added when I inspect the element.

/*SETS BG COLOR OF SPOTIFY PLAYER*/
.css-1g2au9z {
    background-color: #44cce4 !important;
}
.css-xo2a70 {
    background-color: #44cce4 !important;
}

http://anitaksolutions.com/audio

Any ideas on what I can do with these to make it work?

Thanks in advance :-)

Q1. If you want them same width, add this to Home > Design > Custom CSS

div#page-5b919c014ae2370a6b776ff3 .button-block a {
    min-width: 150px !important;
}

Q2. Which section? can you take screenshot? 

It seems you solved with violet background?

18 hours ago, tuanphan said:

Q1. If you want them same width, add this to Home > Design > Custom CSS

div#page-5b919c014ae2370a6b776ff3 .button-block a {
    min-width: 150px !important;
}

Q2. Which section? can you take screenshot? 

It seems you solved with violet background?

Tuan...

This worked really well thanks for your help on the topic.  For Q2

the client decided to change it so I removed the Spotify player.  I'll eventually add it again but for not theres no need.

Thank you again 🙂