fix(#2483): add background for button close

src/features/BuyMatchPopup/components/BrazilPayment/index.tsx

@@ -36,7 +36,13 @@ export const BrazilPayment = ({
   return (
     <ScModal isOpen={open} withCloseButton close={closePopup}>
       {src && open ? (
-        <iframe title='BrazilPayment' src={src} height={600} width='100%' />
+        <iframe
+          title='BrazilPayment'
+          frameBorder='0'
+          src={src}
+          height={600}
+          width='100%'
+        />
       ) : (
         <>
           {error ? (

src/features/Modal/styled.tsx

@@ -44,15 +44,13 @@ export const ModalCloseButton = styled.button.attrs({
   right: 0;
   border-style: none;
   outline: none;
-  padding: 16px 19px;
   cursor: pointer;
   color: rgba(255, 255, 255, 1);
-  background-color: transparent;
+  background: rgba(255, 255, 255, 0.15);
+  border-radius: 50%;
+  width: 20px;
+  height: 20px;
+  margin: 10px 10px 0 0;
+
 
-  ${isMobileDevice
-    ? css`
-      padding: 16px 14px 15px 15px;
-      
-    `
-    : ''};
 `

src/pages/ThanksPage/styled.tsx

@@ -80,6 +80,7 @@ export const ScText = styled.span`
         font-weight: 500;
         font-size: 16px;
         line-height: 10px;
+        color: rgba(255, 255, 255, 0.7);
       `
     : ''};
 `