change button color (#191)

yurisasuke · web-flow · commit abef7a23de98 · 2025-06-24T14:06:12.000+03:00
Co-authored-by: itachi sasuke &lt;8012032+Keithwachira@users.noreply.github.com&gt;
diff --git a/style.css b/style.css
@@ -11,11 +11,11 @@ li[id="topbar-cta-button"] > a > div > svg > path {
 
 /* Target the background span directly */
 #topbar-cta-button span[class*="bg-primary-dark"] {
-    background-color: #10B981 !important; /* Green */
+    background-color: #20EDBA !important; /* Green */
 }
 
 #topbar-cta-button:hover span[class*="bg-primary-dark"] {
-    background-color: #059669 !important; /* Darker green on hover */
+    background-color: #20EDBA !important; /* Darker green on hover */
 }
 
 
@@ -177,7 +177,7 @@ li[id="topbar-cta-button"] > a > div > svg > path {
 }
 
 .button.button-green:hover {
-    background-color: #1bc7a1;
+    background-color: #20EDBA;
 }
 
 .button.button-red {

Original file line number	Diff line number	Diff line change
`@@ -11,11 +11,11 @@ li[id="topbar-cta-button"] > a > div > svg > path {`
`11`	`11`
`12`	`12`	`/* Target the background span directly */`
`13`	`13`	`#topbar-cta-button span[class*="bg-primary-dark"] {`
`14`		`- background-color: #10B981 !important; /* Green */`
	`14`	`+ background-color: #20EDBA !important; /* Green */`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`#topbar-cta-button:hover span[class*="bg-primary-dark"] {`
`18`		`- background-color: #059669 !important; /* Darker green on hover */`
	`18`	`+ background-color: #20EDBA !important; /* Darker green on hover */`
`19`	`19`	`}`
`20`	`20`
`21`	`21`
`@@ -177,7 +177,7 @@ li[id="topbar-cta-button"] > a > div > svg > path {`
`177`	`177`	`}`
`178`	`178`
`179`	`179`	`.button.button-green:hover {`
`180`		`- background-color: #1bc7a1;`
	`180`	`+ background-color: #20EDBA;`
`181`	`181`	`}`
`182`	`182`
`183`	`183`	`.button.button-red {`