Text Alignment in Buttons

I want to add buttons on the footer of my website that change color when you hover over them. I got the hover part figured out through custom css, but now I want to change the text alignment to left instead of center. Squarespace just says that there should be an option to change the alignment, but there is not. At least, nothing I can find. I cannot change the text without opening the dialogue box and there isn't an option to change anything with the text in the box. So, I thought I could just change it with a code. Here is what I have that also includes the hover. Can someone help me find the right code for this? TIA

.sqs-block-button .sqs-block-button-element--small:hover {
  background-color: #548687;
  color: #548687; text-align: left }

23 hours ago, SarahPiano said:

I want to add buttons on the footer of my website that change color when you hover over them. I got the hover part figured out through custom css, but now I want to change the text alignment to left instead of center. Squarespace just says that there should be an option to change the alignment, but there is not. At least, nothing I can find. I cannot change the text without opening the dialogue box and there isn't an option to change anything with the text in the box. So, I thought I could just change it with a code. Here is what I have that also includes the hover. Can someone help me find the right code for this? TIA

.sqs-block-button .sqs-block-button-element--small:hover {
  background-color: #548687;
  color: #548687; text-align: left }

Can you share your site with the protected password so I can take a look?

On 7/26/2022 at 10:50 AM, bangank36 said:

Can you share your site with the protected password so I can take a look?

https://k-and-s-music.squarespace.com/config/

Password: 123456

48 minutes ago, SarahPiano said:

https://k-and-s-music.squarespace.com/config/

Password: 123456

You mean Learn More links?

Add to Design > Custom CSS

footer.sections .button-block *, footer.sections .button-block {
    text-align: left !important;
    justify-content: flex-start !important;
}