fix(PDYE-1327): modal, estilos del boton cerrar

Author: Jonathangarrido

src/organisms/Modals/Modal/Modal.tsx

@@ -55,16 +55,7 @@ export const Modal = ({
             marginX: isDesktop ? 'auto' : 0,
             maxH: isInside ? 'calc(100dvh - 96px)' : 'auto',
             maxWidth: isDesktop ? '690px' : '100%',
-            '.chakra-modal__close-btn': {
-              '&:hover': {
-                bg: 'transparent',
-              },
-              '&:focus-visible': {
-                boxShadow: `inset 0 0 0 2px ${vars(
-                  'colors-alert-deepSkyBlue'
-                )}, inset 0 0 0 4px ${vars('colors-neutral-white')}`,
-              },
-            },
+
             ...(fixedButtons && {
               '.uikit-modalContent': {
                 pb: 0,
@@ -101,6 +92,8 @@ export const Modal = ({
           </ModalHeader>
           {closeOnOverlayClick && (
             <ModalCloseButton
+              background="transparent!important"
+              border="none"
               color={vars('colors-neutral-white')}
               h="12px"
               p="22px"
@@ -110,6 +103,11 @@ export const Modal = ({
               _focus={{
                 boxShadow: 'none',
               }}
+              _focusVisible={{
+                boxShadow: `inset 0 0 0 2px ${vars(
+                  'colors-alert-deepSkyBlue'
+                )}, inset 0 0 0 4px ${vars('colors-neutral-white')}`,
+              }}
             />
           )}
           {fixedSubtitle?.trim() && (