Added hover effects to the 'GET INVOLVED' button

kh-ub-ayb · kh-ub-ayb · commit 16d1a03e4cf4 · 2025-11-16T16:06:27.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 hover:bg-red-600 text-white text-lg font-semibold px-6 py-3 rounded-full cursor-pointer shadow-md transform transition-all duration-200 hover:scale-105 hover:shadow-lg"
               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 hover:bg-red-600 text-white text-lg font-semibold px-6 py-3 rounded-full cursor-pointer shadow-md transform transition-all duration-200 hover:scale-105 hover:shadow-lg"`
`58`	`58`	`onClick={handleGetInvolved}`
`59`	`59`	`>`
`60`	`60`	`Get Involved`