diff --git a/frontend/src/app/shared/components/animated-button/animated-button.component.ts b/frontend/src/app/shared/components/animated-button/animated-button.component.ts
index 1ce932d..85c433e 100644
--- a/frontend/src/app/shared/components/animated-button/animated-button.component.ts
+++ b/frontend/src/app/shared/components/animated-button/animated-button.component.ts
@@ -39,7 +39,7 @@ export class AnimatedButtonComponent {
 
   get buttonClass(): string {
     const baseClass =
-      'relative group font-bold rounded-full transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform';
+      'cursor-pointer relative group font-bold rounded-full transition-all duration-300 ease-out transform-gpu hover:scale-105 will-change-transform';
     const variantClass =
       this.variant === 'primary'
         ? 'bg-gradient-to-r from-emerald-500 to-emerald-400 text-black hover:shadow-xl hover:shadow-emerald-500/20'