update button

Author: youssefea

docs/base-account/guides/accept-payments.mdx

@@ -180,11 +180,59 @@ See full props and theming options in the [Button Reference](/base-account/refer
 If you intend on using the BasePayButton, please follow the [Brand Guidelines](/base-account/reference/ui-elements/brand-guidelines) to ensure consistency across your application.
 
 <div style={{ display: 'flex', justifyContent: 'center' }}>
-  <BasePayButton />
+  <button
+      type="button"
+      style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '12px 16px',
+        backgroundColor: '#ffffff',
+        border: 'none',
+        borderRadius: '8px',
+        cursor: 'pointer',
+        fontFamily: 'system-ui, -apple-system, sans-serif',
+        minWidth: '180px',
+        height: '44px'
+      }}
+    >
+      <img
+        src="/images/base-account/BasePayBlueLogo.png"
+        alt="Base Pay"
+        style={{
+          height: '20px',
+          width: 'auto'
+        }}
+      />
+    </button>
 </div>
 <br />
 <div style={{ display: 'flex', justifyContent: 'center' }}>
-  <BasePayButton colorScheme="dark" />
+  <button
+      type="button"
+      style={{
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        padding: '12px 16px',
+        backgroundColor: '#0000FF',
+        border: 'none',
+        borderRadius: '8px',
+        cursor: 'pointer',
+        fontFamily: 'system-ui, -apple-system, sans-serif',
+        minWidth: '180px',
+        height: '44px'
+      }}
+    >
+      <img
+        src="/images/base-account/BasePayWhiteLogo.png"
+        alt="Base Pay"
+        style={{
+          height: '20px',
+          width: 'auto'
+        }}
+      />
+    </button>
 </div>
 </Warning>