Adding hover effect on get involved button

Himanshu Parmarthi · Himanshu Parmarthi · commit 4751a8b6f736 · 2025-11-17T17:40:11.000+05:30
diff --git a/src/pages/Volunteer.tsx b/src/pages/Volunteer.tsx
@@ -54,7 +54,7 @@ const Volunteer = () => {
               and learn from one another.
             </p>
             <button
-              className="mt-6 bg-red-500 text-white text-lg font-semibold px-6 py-3 rounded-full hover:cursor-pointer"
+              className="mt-6 bg-red-500 text-white text-lg font-semibold px-6 py-3 rounded-full hover:bg-red-600 hover:cursor-pointer transition-colors duration-300"
               onClick={handleGetInvolved}
             >
               Get Involved

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@ const Volunteer = () => {`
`54`	`54`	`and learn from one another.`
`55`	`55`	`</p>`
`56`	`56`	`<button`
`57`		`- className="mt-6 bg-red-500 text-white text-lg font-semibold px-6 py-3 rounded-full hover:cursor-pointer"`
	`57`	`+ className="mt-6 bg-red-500 text-white text-lg font-semibold px-6 py-3 rounded-full hover:bg-red-600 hover:cursor-pointer transition-colors duration-300"`
`58`	`58`	`onClick={handleGetInvolved}`
`59`	`59`	`>`
`60`	`60`	`Get Involved`