Waitlist Button different Color in editor vs published ( and bar over-extends on mobile)

Page: www.ravens-2.squarespace.com 
Passwort: Ravens-1

• First Image: Mobile in Editor view -
• Second Image: Mobile on the published page

Somehow the button is a different style and color than in the editor. 
I was able to fix the overflow on mobile with this code (third image)
/* Mobile products input */
@media screen and (max-width:767px) {
.product-details .product-restock-notification:not([hidden]) .product-restock-form>input[type='text'] {
    min-width: unset !important;
    width: 80%;
}} 

But I can't imagine I'm the only one with this issue? 

Any solutions? 
Thanks community 😃

Update: I think it's somehow taking the blue button from the "E-Mail Palette" 
Before I was changing the E-Mail styling for notification when back in stock. Besides the "website color palette" there was an "E-Mail Palette" with that blue color that I could choose from.
I erased it from there but still showing in the blue color on the published site. I don't have that color anywhere else in my color palettes

If you share link to product in screenshot, we can check problem easier.