Refactor from margin to gap

Author: dylanatsmith

src/Dialog/Dialog.tsx

@@ -371,17 +371,9 @@ const Footer = styled.div<SxProp>`
   display: flex;
   flex-flow: wrap;
   justify-content: flex-end;
+  gap: ${get('space.2')};
   z-index: 1;
   flex-shrink: 0;
-
-  button {
-    margin-left: ${get('space.2')};
-    &:first-child {
-      margin-left: 0;
-    }
-  }
-
-  ${sx};
 `
 
 const buttonTypes = {