Fixed gradient text, styles moved to sx prop

src/components/FundWallet/FundWalletButton.tsx

@@ -1,21 +1,16 @@
-import { Button, ButtonProps } from "../Button/Button"
-import styled from "@emotion/styled"
+import { ButtonProps } from "../Button/Button"
 import { useTranslation } from "react-i18next"
+import { Button } from "../Button/Button"
 
-const SButton = styled(Button)`
-  font-size: 12px;
-  line-height: 12px;
-  padding: 11px 15px 11px 15px;
-`
 
 type Props = Pick<ButtonProps, "onClick">
 
 export const FundWalletButton = (props: Props) => {
   const { t } = useTranslation()
 
   return (
-    <SButton {...props} variant="primary">
+    <Button {...props} variant="primary" sx={{ fontSize: 12, lineHeight: 12, p: '11px 15px' }}>
       {t("fund.button")}
-    </SButton>
+    </Button>
   )
 }

src/components/FundWallet/FundWalletModal.tsx

@@ -31,9 +31,11 @@ export const FundWalletModal = ({ open, onClose }: Props) => {
         onClose={onClose}
         withoutCloseOutside={true}
       >
-        <GradientText fs={20} fw={600}>
-          {t("fund.modal.title")}
-        </GradientText>
+        <div>
+          <GradientText fs={20} fw={600}>
+            {t("fund.modal.title")}
+          </GradientText>
+        </div>
         <Text
           fw={400}
           lh={24}

src/components/FundWallet/components/CryptoBlockTitle.tsx

@@ -1,23 +1,16 @@
 import { Heading } from "components/Typography/Heading/Heading"
 import { ReactComponent as FundCryptoIcon } from "assets/icons/FundCryptoIcon.svg"
-import styled from "@emotion/styled"
 import { useTranslation } from "react-i18next"
 
-const SWrapper = styled.div`
-  display: flex;
-  align-items: center;
-  column-gap: 9px;
-`
-
 export const CryptoBlockTitle = () => {
   const { t } = useTranslation()
 
   return (
-    <SWrapper>
+    <div sx={{ display: 'flex', align: 'center', gap: 9  }}>
       <FundCryptoIcon />
       <Heading as="h2" fw={600} fs={20}>
         {t("fund.modal.crypto.title")}
       </Heading>
-    </SWrapper>
+    </div>
   )
 }