How can I target privy pop-up CSS?

[edydavies]

Site: https://summergray.com/ (scroll down the page to see the pop-up)

I'm trying to make some beskope changes to my privy pop-up, I'm currently just identifying the div and placing that in my base.css, like so:

.htKObD {
color: rgb(0, 0, 0);
font-family: var(--font-heading-family);
display: flex;
padding: 15px;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
letter-spacing: normal;
font-size: 16px;
line-height: 24px;
}

.dsGedK {
width: 100%;
height: 56px;
padding: 1px 12px;
font-family: var(--font-heading-family);
}

.krGPlO {
color: rgb(0, 0, 0);
font-family: var(--font-heading-family);
padding-top: 20px;
display: flex;
-webkit-box-pack: center;
justify-content: center;
text-align: center;
letter-spacing: normal;
font-size: 12px;
line-height: 16px;
}

When I play around in the console, it works fine, but this is not picking up my changes. 

Any thoughts on what I'm doing wrong?

[Made4uo-Ribe]

Hi @edydavies 

Which pop up your referring to? Do you mean the cookie banner? 

[edydavies]

No that's he cookie one, there is a 5% pop-up that you will see when you scroll down the page

[Made4uo-Ribe]

Can you send some SS? Only cookie banner pop up are visible on my end.

[edydavies]

For example, I would like to change the font of this title: