How to customize button colors on only single website page with all button sections using the same site style

Site: https://ballroombluesfest.squarespace.com/package-options-2022

Password: BLUES

Hoping to make the buttons listed ONLY on this page to correspond to the coloring of the designated "seat section" it will link to for purchase (colors on seating chart). The (3) sections use same site style; however, I want to customize them to be unique colors on this page of site only. 

Thanks in advance!

also… how to change the navigation link "packages" red (to be different from other items in nav). THANK YOU!!

21 minutes ago, ColeH_design said:

also… how to change the navigation link "packages" red (to be different from other items in nav). THANK YOU!!

Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.

// For button color
// 1st-button
#block-yui_3_17_2_1_1695145597179_13059 .sqs-block-button-element--medium {
  background: green !important;
  color: white !important;
}
// 2nd-button
#block-yui_3_17_2_1_1695145597179_33729 .sqs-block-button-element--medium {
  background: blue !important;
  color: white !important;
}
// 3rd-button
#block-yui_3_17_2_1_1695145597179_39175 .sqs-block-button-element--medium {
  background: darkblue !important;
  color: white !important;
}

// For PACKAGES navigation link color
[href="/package-options-2022"] {
  color: red !important;
}

@Web_Solutions thank you so much! I inserted code and everything was successful. I'm hoping that the (3) buttons on the page can each be a different color (code above does successfully change color, but changes all the same). 

Is it possible to write code that will allow me to designate a unique color code for each of the (3) buttons on this page only?

@Web_Solutions I am so grateful! Works perfectly! THANK YOU SO MUCH!!!!!!!

Is it possible to write code that would allow a line of copy to be click-able – linking to a section at the bottom of the same page?

Page: https://ballroombluesfest.squarespace.com/package-options-2022
Wanting a line of copy to link and jump to last section on page (package payment options)

10 minutes ago, ColeH_design said:

Is it possible to write code that would allow a line of copy to be click-able – linking to a section at the bottom of the same page?

Page: https://ballroombluesfest.squarespace.com/package-options-2022
Wanting a line of copy to link and jump to last section on page (package payment options)

 

Yes, where do you want to add the link and where do you want to link?

On the page above, I want to link this line of copy (in first section)
"* Can’t pay all at once? Payment Plan Option Details Below." to jump to the bottom-most section on same page (titled package payment options)

Follow the video instruction 

https://www.loom.com/share/2592296600b44eb8b2700a156863c311?sid=2d50e849-cb51-4661-b1c2-c8331d4cf84b

<div id="Payment"></div>

Thank you so much! It does work… but only for one click. After scrolling back up to line and clicking again it will not jump a second time. Is there a fix?