The text colour in the buttons on this page: https://www.reflections.photo/instagram are wrong. The text should be the spec'd green colour (#697469) in the site palette and then switch to cream (#F7F7F4) on hover.
When I preview in Safe Mode, the buttons look proper. So, I've tested removing all Custom CSS, Code Injection and removing the Code Block on this page but can't replicate what I see in safe mode. The Code Block I'm using on this page is a simple <style> code to remove header & footer.
I've tried adding custom CSS to override this:
section[data-section-id="65823957b26f5932147364fc"] .sqs-button-element {
color: #697469 !important;
}
Tried changing the tag to text-color, font-color, etc. to no avail.
Squarespace support has suggested that there is likely a code block on a different page that is affecting this. This seems unlikely as this "Instagram" page is the only page affected so why would a code block on another page randomly choose the "Instagram" page to mess up?