Remove underline from accordian button link

Hello

Trying to place some buttons in an accordion but cannot seem to remove the link underline. 

Ideally white on static then the blue on hover, no border with black text on static then white text on the hover.

Also prefer the oval (pill) button rather than rectangle

Here is the code I have been using:

// Accordion Button
.sqs-block-accordion a {
 border: 1px solid #FFFFF;
 background: #FFFFF;
 color: #00000;
 padding: .5rem 
}

.sqs-block-accordion a:hover {
 border: 1px solid #0074BD;
 background: #0074BD; 
 color: #FFFFF;
}

button {
  text-decoration: none !important;
}

Any ideas?

PW geko

@1to3go Can you please share your site URL so I can take a look? Thank you! 

https://fennel-saxophone-23m8.squarespace.com/

pw geko

On 9/23/2023 at 2:46 AM, tuanphan said:

Which page do you use Accordion? Homepage has no accordion

Thanks but already solved.