Custom Styling for Specific Buttons, Not Site-Wide Buttons

Site URL: https://rebelrootsbranding.com/

Hi friends! I was hoping to get some specific support for some CSS on my website to change the color of specific, medium-sized buttons. I have tried the suggestions posted by people who have asked this question before, but I can't seem to figure it out on my own site. I am using a Brine template in case that's important.

I have two CTA buttons side-by-side on some pages of my website. The magenta is my direct CTA "BOOK A STRATEGY SESSION" (leads to a sale) and the button next to it needs to be a lighter, less noticeable color for my transitional CTA "TAKE THE REBEL ARCHETYPE QUIZ" (lead magnet).

I have done some coding on my site so far, and am confident that if provided with some pointed code, I will be able to implement it. When I right-click on the button I want to change the color of in CSS, this is the code that is associated with it:

<a href="/quiz" class="sqs-block-button-element--medium sqs-block-button-element">take the rebel archetype quiz</a>

I've tried using the class ID above it with no success...any pointers?

Thank you so much in advance, this community rocks!

Hi. Use this CSS

a.sqs-block-button-element--large.sqs-block-button-element[href="/quiz"] {
    background: red;
    color: white;
}