update pay function

boilerplate-chakra-pro-main/theme/additions/card/card.ts

@@ -0,0 +1,25 @@
+import { mode } from '@chakra-ui/theme-tools';
+const Card = {
+  baseStyle: (props: any) => ({
+    p: '20px',
+    display: 'flex',
+    flexDirection: 'column',
+    width: '100%',
+    position: 'relative',
+    borderRadius: '14px',
+    minWidth: '0px',
+    wordWrap: 'break-word',
+    bg: mode('#ffffff', 'navy.800')(props),
+    boxShadow: mode(
+      '14px 17px 40px 4px rgba(112, 144, 176, 0.08)',
+      'unset',
+    )(props),
+    backgroundClip: 'border-box',
+  }),
+};
+
+export const CardComponent = {
+  components: {
+    Card,
+  },
+};