fix(button): add styles

Signed-off-by: sudhanshu dasgupta <dasguptashivam23@gmail.com>

Author: sudhanshutech

packages/components/src/theme/components/button.modifier.ts

@@ -1,7 +1,28 @@
 import { Components, Theme } from '@mui/material';
+import { CARIBBEAN_GREEN, KEPPEL, WHITE, buttonDisabled } from '../colors';
 
 export const MuiButton: Components<Theme>['MuiButton'] = {
   styleOverrides: {
-    root: {}
+    root: {
+      borderRadius: '3px',
+      textTransform: 'none',
+      '&.Mui-disabled': {
+        backgroundColor: buttonDisabled.main,
+        color: WHITE
+      }
+    },
+    contained: {
+      backgroundColor: KEPPEL,
+      '&:hover': {
+        backgroundColor: CARIBBEAN_GREEN,
+        color: WHITE
+      }
+    },
+    outlined: {
+      '&:hover': {
+        backgroundColor: CARIBBEAN_GREEN,
+        color: WHITE
+      }
+    }
   }
 };