Change button style in just one list

I'd like to change the button style in just one list section so it shows secondary rather than primary buttons. Just the section near the bottom of the page "Our Advisors", should have simpler secondary button-style buttons (OR if the text links could open in a new window, that would also be great).

Any advice on if I can use CSS or another means to change the button styling in that one list?

https://the-whole-you-program.squarespace.com/?password=wholeyou

Can you check url?

Oh sorry @tuanphan, the site name was since updated. The address is: the-whole-you.com/about.

I've since been able to add CSS to customise the buttons in the Advisors list, but realised it was the only list with buttons, so could do it by applying global list styles.

On 5/2/2024 at 6:42 PM, AgnesK said:

Oh sorry @tuanphan, the site name was since updated. The address is: the-whole-you.com/about.

I've since been able to add CSS to customise the buttons in the Advisors list, but realised it was the only list with buttons, so could do it by applying global list styles.

You can use CSS code like this

body#collection-66153dcf477fbf6efa117773 section[data-section-id="66154750872f4207683c4ae5"] .list-item-content__button-container a.list-item-content__button {
    color: #f1f !important;
    font-size: 16px !important;
}