button style reset safari

Author: devxpy

app/components/GooeyPopover.tsx

@@ -33,11 +33,7 @@ export default function GooeyPopover({
       animation="scale"
       {...props}
     >
-      <button
-        type="button"
-        className="border-0 bg-transparent"
-        onClick={() => setVisible(!visible)}
-      >
+      <button type="button" onClick={() => setVisible(!visible)}>
         <RenderedChildren
           children={children}
           onChange={onChange}

app/styles/custom.css

@@ -783,3 +783,16 @@ a.text-primary:hover {
 .modal-header {
   align-items: start;
 }
+
+button {
+  -webkit-appearance: none;
+  border-radius: 0;
+  text-align: inherit;
+  background: none;
+  box-shadow: none;
+  padding: 0;
+  cursor: pointer;
+  border: none;
+  color: inherit;
+  font: inherit;
+}