Customize Newsletter button on hover

Site URL: https://pomegranate-badger-p3wd.squarespace.com/

Hi,

I'm trying to customize the newsletter form button on hover, and unable to figure it out.  

Here is the code I have so far (edits the padding, font type, color, border)

button.newsletter-form-button.sqs-system-button {
    color: black !important;
	border: 2.22px dashed #000000 !important;
  	padding: 10px 44px !important;
  	font-family: 'ApercuR'!important;
}

button.newsletter-form-button.sqs-system-button:hover {
  background-color: #ffe3a7 !important;
  opacity: 1 !important;
}

But every time, I hover over the "submit" button it fully goes black.

Here is the code that works for my Contact Us form, that is working perfectly that I'm trying to replicate for my newsletter.

.sqs-block-form .sqs-editable-button {
	color: black !important;
	border: 2.22px dashed #000000 !important;
  	padding: 10px 44px !important; //height and width
  	font-family: 'ApercuR'!important;
}

.sqs-block-form .sqs-editable-button:hover {
  background-color: #ffe3a7 !important;
  opacity: 1 !important;
}

Would anyone be able to weigh in on this?

Hi. What is site access password?

On 8/6/2021 at 8:59 AM, zzlogan said:

@tuanphan, I just sent it to you via message.  Were you able to access it?

 

Hi. Can you send it again? Thank you!

@tuanphan Hi - can you assist? I am trying to make my footer look like this. I cannot figure out the spacing and the newsletter edits.

14 hours ago, Havapoodle said:

@tuanphan Hi - can you assist? I am trying to make my footer look like this. I cannot figure out the spacing and the newsletter edits.

Hi. What is site yrl?

Intoafar.com

@tuanphan INTOAFAR.COM

This will require a lot of code. I will check & let you soon.

(Remember remind me in the next 3-4 days, in case I forget)