vercel-labs
diff --git a/‎components/layout/index.tsx
Copy file name to clipboardExpand all lines: components/layout/index.tsx
+4Lines changed: 4 additions & 0 deletions b/‎components/layout/index.tsx
Copy file name to clipboardExpand all lines: components/layout/index.tsx
+4Lines changed: 4 additions & 0 deletions
@@ -35,6 +35,10 @@ export default function Layout({
             target="_blank"
             rel="noopener noreferrer"
             className="relative overflow-hidden rounded-full w-32 px-10 py-4 focus:outline-none focus:ring-0"
+            // This is a workaround hack to make overflow-hidden work on Safari: https://github.com/tailwindlabs/tailwindcss/discussions/5675
+            style={{
+              WebkitMaskImage: "-webkit-radial-gradient(white, black);",
+            }}
           >
             <span className="absolute inset-px z-10 grid place-items-center rounded-full bg-black bg-gradient-to-t from-neutral-800 text-neutral-400 text-sm">
               View the code