Why is my Afterpay Attract not displaying correctly on different devices?

Hi All,

My Afterpay Attract is giving me issues on my product page. It is showing up on the desktop version in all caps and on mobile in sentence case. I want it to show up in all caps and the same for both mobile and desktop. Here is the code I currently have:

}

.afterpay-paragraph {
text-transform: uppercase;
letter-spacing: 0em;
font-size: 11px;
padding-top: 4px;
padding-bottom: 3px;

}

On another note if you could help as well:

I also want to adjust the logo size of afterpay and how it shows up. I want it to show up at 80px and not 100px but my code isn’t working. Here is what i have so far:

}

.afterpay-logo {

vertical-align: middle;

width: 80px;

border: 0px;

}

My site is ElevationAthleticsCanada.ca

Theme is prestige on shopify.

Any help is super appreciated!

Thanks,

Claud

This is what I mean when it shows up different on mobile vs desktop

Can anyone help please!!!