From a223624e6043abfa777cad7fff7bfc8633e99e3b Mon Sep 17 00:00:00 2001
From: unix <unix.bio@gmail.com>
Date: Thu, 21 May 2020 17:06:22 +0800
Subject: [PATCH] chore: update snapshots

---
 .../__snapshots__/index.test.tsx.snap         | 570 +++++++++---------
 .../__snapshots__/index.test.tsx.snap         | 228 +++----
 2 files changed, 399 insertions(+), 399 deletions(-)

diff --git a/components/button-group/__tests__/__snapshots__/index.test.tsx.snap b/components/button-group/__tests__/__snapshots__/index.test.tsx.snap
index 1f1b04c..72c0904 100644
--- a/components/button-group/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/button-group/__tests__/__snapshots__/index.test.tsx.snap
@@ -2,126 +2,126 @@
 
 exports[`ButtonGroup buttons should be displayed vertically 1`] = `
 "<div class=\\"btn-group vertical \\"><button type=\\"button\\" class=\\"btn \\"><div class=\\"text\\">action1</div><style>
-        .btn {
-          box-sizing: border-box;
-          display: inline-block;
-          padding: 0 1.25rem;
-          height: 2.5rem;
-          line-height: 2.5rem;
-          min-width: min-content;
-          width: auto;
-          border-radius: 5px;
-          font-weight: 400;
-          font-size: .875rem;
-          user-select: none;
-          outline: none;
-          text-transform: capitalize;
-          justify-content: center;
-          text-align: center;
-          white-space: nowrap;
-          transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
-            border 200ms ease 0ms, color 200ms ease 0ms;
-          position: relative;
-          overflow: hidden;
-          color: #666;
-          background-color: #fff;
-          border: 1px solid #eaeaea;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          --zeit-ui-button-padding: 1.25rem;
-          --zeit-ui-button-height: 2.5rem;
-          --zeit-ui-button-color: #666;
-        }
+          .btn {
+            box-sizing: border-box;
+            display: inline-block;
+            padding: 0 1.25rem;
+            height: 2.5rem;
+            line-height: 2.5rem;
+            min-width: min-content;
+            width: auto;
+            border-radius: 5px;
+            font-weight: 400;
+            font-size: .875rem;
+            user-select: none;
+            outline: none;
+            text-transform: capitalize;
+            justify-content: center;
+            text-align: center;
+            white-space: nowrap;
+            transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
+              border 200ms ease 0ms, color 200ms ease 0ms;
+            position: relative;
+            overflow: hidden;
+            color: #666;
+            background-color: #fff;
+            border: 1px solid #eaeaea;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            --zeit-ui-button-padding: 1.25rem;
+            --zeit-ui-button-height: 2.5rem;
+            --zeit-ui-button-color: #666;
+          }
 
-        .btn:hover {
-          color: #000;
-          --zeit-ui-button-color: #000;
-          background-color: #fff;
-          border-color: #000;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          transform: translate3d(0px, 0px, 0px);
-        }
+          .btn:hover {
+            color: #000;
+            --zeit-ui-button-color: #000;
+            background-color: #fff;
+            border-color: #000;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            transform: translate3d(0px, 0px, 0px);
+          }
 
-        .btn :global(.text) {
-          position: relative;
-          z-index: 1;
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          line-height: inherit;
-          top: -1px;
-        }
+          .btn :global(.text) {
+            position: relative;
+            z-index: 1;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            line-height: inherit;
+            top: -1px;
+          }
 
-        .btn :global(.text p),
-        .btn :global(.text pre),
-        .btn :global(.text div) {
-          margin: 0;
-        }
-      </style></button><button type=\\"button\\" class=\\"btn \\"><div class=\\"text\\">action2</div><style>
-        .btn {
-          box-sizing: border-box;
-          display: inline-block;
-          padding: 0 1.25rem;
-          height: 2.5rem;
-          line-height: 2.5rem;
-          min-width: min-content;
-          width: auto;
-          border-radius: 5px;
-          font-weight: 400;
-          font-size: .875rem;
-          user-select: none;
-          outline: none;
-          text-transform: capitalize;
-          justify-content: center;
-          text-align: center;
-          white-space: nowrap;
-          transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
-            border 200ms ease 0ms, color 200ms ease 0ms;
-          position: relative;
-          overflow: hidden;
-          color: #666;
-          background-color: #fff;
-          border: 1px solid #eaeaea;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          --zeit-ui-button-padding: 1.25rem;
-          --zeit-ui-button-height: 2.5rem;
-          --zeit-ui-button-color: #666;
-        }
+          .btn :global(.text p),
+          .btn :global(.text pre),
+          .btn :global(.text div) {
+            margin: 0;
+          }
+        </style></button><button type=\\"button\\" class=\\"btn \\"><div class=\\"text\\">action2</div><style>
+          .btn {
+            box-sizing: border-box;
+            display: inline-block;
+            padding: 0 1.25rem;
+            height: 2.5rem;
+            line-height: 2.5rem;
+            min-width: min-content;
+            width: auto;
+            border-radius: 5px;
+            font-weight: 400;
+            font-size: .875rem;
+            user-select: none;
+            outline: none;
+            text-transform: capitalize;
+            justify-content: center;
+            text-align: center;
+            white-space: nowrap;
+            transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
+              border 200ms ease 0ms, color 200ms ease 0ms;
+            position: relative;
+            overflow: hidden;
+            color: #666;
+            background-color: #fff;
+            border: 1px solid #eaeaea;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            --zeit-ui-button-padding: 1.25rem;
+            --zeit-ui-button-height: 2.5rem;
+            --zeit-ui-button-color: #666;
+          }
 
-        .btn:hover {
-          color: #000;
-          --zeit-ui-button-color: #000;
-          background-color: #fff;
-          border-color: #000;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          transform: translate3d(0px, 0px, 0px);
-        }
+          .btn:hover {
+            color: #000;
+            --zeit-ui-button-color: #000;
+            background-color: #fff;
+            border-color: #000;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            transform: translate3d(0px, 0px, 0px);
+          }
 
-        .btn :global(.text) {
-          position: relative;
-          z-index: 1;
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          line-height: inherit;
-          top: -1px;
-        }
+          .btn :global(.text) {
+            position: relative;
+            z-index: 1;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            line-height: inherit;
+            top: -1px;
+          }
 
-        .btn :global(.text p),
-        .btn :global(.text pre),
-        .btn :global(.text div) {
-          margin: 0;
-        }
-      </style></button><style>
+          .btn :global(.text p),
+          .btn :global(.text pre),
+          .btn :global(.text div) {
+            margin: 0;
+          }
+        </style></button><style>
           .btn-group {
             display: inline-flex;
             border-radius: 5px;
@@ -170,66 +170,66 @@ exports[`ButtonGroup buttons should be displayed vertically 1`] = `
 
 exports[`ButtonGroup props should be passed to each button 1`] = `
 "<div class=\\"btn-group horizontal \\"><button type=\\"button\\" class=\\"btn \\"><div class=\\"text\\">action</div><style>
-        .btn {
-          box-sizing: border-box;
-          display: inline-block;
-          padding: 0 0.625rem;
-          height: 1.5rem;
-          line-height: 1.5rem;
-          min-width: min-content;
-          width: auto;
-          border-radius: 5px;
-          font-weight: 400;
-          font-size: .75rem;
-          user-select: none;
-          outline: none;
-          text-transform: capitalize;
-          justify-content: center;
-          text-align: center;
-          white-space: nowrap;
-          transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
-            border 200ms ease 0ms, color 200ms ease 0ms;
-          position: relative;
-          overflow: hidden;
-          color: #fff;
-          background-color: #0070f3;
-          border: 1px solid #0070f3;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          --zeit-ui-button-padding: 0.625rem;
-          --zeit-ui-button-height: 1.5rem;
-          --zeit-ui-button-color: #fff;
-        }
+          .btn {
+            box-sizing: border-box;
+            display: inline-block;
+            padding: 0 0.625rem;
+            height: 1.5rem;
+            line-height: 1.5rem;
+            min-width: min-content;
+            width: auto;
+            border-radius: 5px;
+            font-weight: 400;
+            font-size: .75rem;
+            user-select: none;
+            outline: none;
+            text-transform: capitalize;
+            justify-content: center;
+            text-align: center;
+            white-space: nowrap;
+            transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
+              border 200ms ease 0ms, color 200ms ease 0ms;
+            position: relative;
+            overflow: hidden;
+            color: #fff;
+            background-color: #0070f3;
+            border: 1px solid #0070f3;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            --zeit-ui-button-padding: 0.625rem;
+            --zeit-ui-button-height: 1.5rem;
+            --zeit-ui-button-color: #fff;
+          }
 
-        .btn:hover {
-          color: #0070f3;
-          --zeit-ui-button-color: #0070f3;
-          background-color: #fff;
-          border-color: #0070f3;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          transform: translate3d(0px, 0px, 0px);
-        }
+          .btn:hover {
+            color: #0070f3;
+            --zeit-ui-button-color: #0070f3;
+            background-color: #fff;
+            border-color: #0070f3;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            transform: translate3d(0px, 0px, 0px);
+          }
 
-        .btn :global(.text) {
-          position: relative;
-          z-index: 1;
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          line-height: inherit;
-          top: -1px;
-        }
+          .btn :global(.text) {
+            position: relative;
+            z-index: 1;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            line-height: inherit;
+            top: -1px;
+          }
 
-        .btn :global(.text p),
-        .btn :global(.text pre),
-        .btn :global(.text div) {
-          margin: 0;
-        }
-      </style></button><style>
+          .btn :global(.text p),
+          .btn :global(.text pre),
+          .btn :global(.text div) {
+            margin: 0;
+          }
+        </style></button><style>
           .btn-group {
             display: inline-flex;
             border-radius: 5px;
@@ -278,66 +278,66 @@ exports[`ButtonGroup props should be passed to each button 1`] = `
 
 exports[`ButtonGroup props should be passed to each button 2`] = `
 "<div class=\\"btn-group horizontal \\"><button type=\\"button\\" class=\\"btn \\"><div class=\\"text\\">action</div><style>
-        .btn {
-          box-sizing: border-box;
-          display: inline-block;
-          padding: 0 0.625rem;
-          height: 1.5rem;
-          line-height: 1.5rem;
-          min-width: min-content;
-          width: auto;
-          border-radius: 5px;
-          font-weight: 400;
-          font-size: .75rem;
-          user-select: none;
-          outline: none;
-          text-transform: capitalize;
-          justify-content: center;
-          text-align: center;
-          white-space: nowrap;
-          transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
-            border 200ms ease 0ms, color 200ms ease 0ms;
-          position: relative;
-          overflow: hidden;
-          color: #fff;
-          background-color: #0070f3;
-          border: 1px solid #0070f3;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          --zeit-ui-button-padding: 0.625rem;
-          --zeit-ui-button-height: 1.5rem;
-          --zeit-ui-button-color: #fff;
-        }
+          .btn {
+            box-sizing: border-box;
+            display: inline-block;
+            padding: 0 0.625rem;
+            height: 1.5rem;
+            line-height: 1.5rem;
+            min-width: min-content;
+            width: auto;
+            border-radius: 5px;
+            font-weight: 400;
+            font-size: .75rem;
+            user-select: none;
+            outline: none;
+            text-transform: capitalize;
+            justify-content: center;
+            text-align: center;
+            white-space: nowrap;
+            transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
+              border 200ms ease 0ms, color 200ms ease 0ms;
+            position: relative;
+            overflow: hidden;
+            color: #fff;
+            background-color: #0070f3;
+            border: 1px solid #0070f3;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            --zeit-ui-button-padding: 0.625rem;
+            --zeit-ui-button-height: 1.5rem;
+            --zeit-ui-button-color: #fff;
+          }
 
-        .btn:hover {
-          color: #0070f3;
-          --zeit-ui-button-color: #0070f3;
-          background-color: #fff;
-          border-color: #0070f3;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          transform: translate3d(0px, 0px, 0px);
-        }
+          .btn:hover {
+            color: #0070f3;
+            --zeit-ui-button-color: #0070f3;
+            background-color: #fff;
+            border-color: #0070f3;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            transform: translate3d(0px, 0px, 0px);
+          }
 
-        .btn :global(.text) {
-          position: relative;
-          z-index: 1;
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          line-height: inherit;
-          top: -1px;
-        }
+          .btn :global(.text) {
+            position: relative;
+            z-index: 1;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            line-height: inherit;
+            top: -1px;
+          }
 
-        .btn :global(.text p),
-        .btn :global(.text pre),
-        .btn :global(.text div) {
-          margin: 0;
-        }
-      </style></button><style>
+          .btn :global(.text p),
+          .btn :global(.text pre),
+          .btn :global(.text div) {
+            margin: 0;
+          }
+        </style></button><style>
           .btn-group {
             display: inline-flex;
             border-radius: 5px;
@@ -386,66 +386,66 @@ exports[`ButtonGroup props should be passed to each button 2`] = `
 
 exports[`ButtonGroup should render correctly 1`] = `
 "<div class=\\"btn-group horizontal \\"><button type=\\"button\\" class=\\"btn \\"><div class=\\"text\\">action</div><style>
-        .btn {
-          box-sizing: border-box;
-          display: inline-block;
-          padding: 0 1.25rem;
-          height: 2.5rem;
-          line-height: 2.5rem;
-          min-width: min-content;
-          width: auto;
-          border-radius: 5px;
-          font-weight: 400;
-          font-size: .875rem;
-          user-select: none;
-          outline: none;
-          text-transform: capitalize;
-          justify-content: center;
-          text-align: center;
-          white-space: nowrap;
-          transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
-            border 200ms ease 0ms, color 200ms ease 0ms;
-          position: relative;
-          overflow: hidden;
-          color: #666;
-          background-color: #fff;
-          border: 1px solid #eaeaea;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          --zeit-ui-button-padding: 1.25rem;
-          --zeit-ui-button-height: 2.5rem;
-          --zeit-ui-button-color: #666;
-        }
+          .btn {
+            box-sizing: border-box;
+            display: inline-block;
+            padding: 0 1.25rem;
+            height: 2.5rem;
+            line-height: 2.5rem;
+            min-width: min-content;
+            width: auto;
+            border-radius: 5px;
+            font-weight: 400;
+            font-size: .875rem;
+            user-select: none;
+            outline: none;
+            text-transform: capitalize;
+            justify-content: center;
+            text-align: center;
+            white-space: nowrap;
+            transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
+              border 200ms ease 0ms, color 200ms ease 0ms;
+            position: relative;
+            overflow: hidden;
+            color: #666;
+            background-color: #fff;
+            border: 1px solid #eaeaea;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            --zeit-ui-button-padding: 1.25rem;
+            --zeit-ui-button-height: 2.5rem;
+            --zeit-ui-button-color: #666;
+          }
 
-        .btn:hover {
-          color: #000;
-          --zeit-ui-button-color: #000;
-          background-color: #fff;
-          border-color: #000;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          transform: translate3d(0px, 0px, 0px);
-        }
+          .btn:hover {
+            color: #000;
+            --zeit-ui-button-color: #000;
+            background-color: #fff;
+            border-color: #000;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            transform: translate3d(0px, 0px, 0px);
+          }
 
-        .btn :global(.text) {
-          position: relative;
-          z-index: 1;
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          line-height: inherit;
-          top: -1px;
-        }
+          .btn :global(.text) {
+            position: relative;
+            z-index: 1;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            line-height: inherit;
+            top: -1px;
+          }
 
-        .btn :global(.text p),
-        .btn :global(.text pre),
-        .btn :global(.text div) {
-          margin: 0;
-        }
-      </style></button><style>
+          .btn :global(.text p),
+          .btn :global(.text pre),
+          .btn :global(.text div) {
+            margin: 0;
+          }
+        </style></button><style>
           .btn-group {
             display: inline-flex;
             border-radius: 5px;
diff --git a/components/use-toasts/__tests__/__snapshots__/index.test.tsx.snap b/components/use-toasts/__tests__/__snapshots__/index.test.tsx.snap
index bbdb583..8fcaa31 100644
--- a/components/use-toasts/__tests__/__snapshots__/index.test.tsx.snap
+++ b/components/use-toasts/__tests__/__snapshots__/index.test.tsx.snap
@@ -2,126 +2,126 @@
 
 exports[`UseToast should render different actions 1`] = `
 "<div class=\\"toast-container \\"><div class=\\"toast  \\"><div class=\\"message\\">hello</div><div class=\\"action\\"><button type=\\"button\\" class=\\"btn \\"><div class=\\"text\\">remove</div><style>
-        .btn {
-          box-sizing: border-box;
-          display: inline-block;
-          padding: 0 0.625rem;
-          height: 1.5rem;
-          line-height: 1.5rem;
-          min-width: min-content;
-          width: auto;
-          border-radius: 5px;
-          font-weight: 400;
-          font-size: .75rem;
-          user-select: none;
-          outline: none;
-          text-transform: capitalize;
-          justify-content: center;
-          text-align: center;
-          white-space: nowrap;
-          transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
-            border 200ms ease 0ms, color 200ms ease 0ms;
-          position: relative;
-          overflow: hidden;
-          color: #fff;
-          background-color: #000;
-          border: 1px solid #000;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          --zeit-ui-button-padding: 0.625rem;
-          --zeit-ui-button-height: 1.5rem;
-          --zeit-ui-button-color: #fff;
-        }
+          .btn {
+            box-sizing: border-box;
+            display: inline-block;
+            padding: 0 0.625rem;
+            height: 1.5rem;
+            line-height: 1.5rem;
+            min-width: min-content;
+            width: auto;
+            border-radius: 5px;
+            font-weight: 400;
+            font-size: .75rem;
+            user-select: none;
+            outline: none;
+            text-transform: capitalize;
+            justify-content: center;
+            text-align: center;
+            white-space: nowrap;
+            transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
+              border 200ms ease 0ms, color 200ms ease 0ms;
+            position: relative;
+            overflow: hidden;
+            color: #fff;
+            background-color: #000;
+            border: 1px solid #000;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            --zeit-ui-button-padding: 0.625rem;
+            --zeit-ui-button-height: 1.5rem;
+            --zeit-ui-button-color: #fff;
+          }
 
-        .btn:hover {
-          color: #000;
-          --zeit-ui-button-color: #000;
-          background-color: #fff;
-          border-color: #000;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          transform: translate3d(0px, 0px, 0px);
-        }
+          .btn:hover {
+            color: #000;
+            --zeit-ui-button-color: #000;
+            background-color: #fff;
+            border-color: #000;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            transform: translate3d(0px, 0px, 0px);
+          }
 
-        .btn :global(.text) {
-          position: relative;
-          z-index: 1;
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          line-height: inherit;
-          top: -1px;
-        }
+          .btn :global(.text) {
+            position: relative;
+            z-index: 1;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            line-height: inherit;
+            top: -1px;
+          }
 
-        .btn :global(.text p),
-        .btn :global(.text pre),
-        .btn :global(.text div) {
-          margin: 0;
-        }
-      </style></button><button type=\\"button\\" class=\\"btn \\"><div class=\\"text\\">remove</div><style>
-        .btn {
-          box-sizing: border-box;
-          display: inline-block;
-          padding: 0 0.625rem;
-          height: 1.5rem;
-          line-height: 1.5rem;
-          min-width: min-content;
-          width: auto;
-          border-radius: 5px;
-          font-weight: 400;
-          font-size: .75rem;
-          user-select: none;
-          outline: none;
-          text-transform: capitalize;
-          justify-content: center;
-          text-align: center;
-          white-space: nowrap;
-          transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
-            border 200ms ease 0ms, color 200ms ease 0ms;
-          position: relative;
-          overflow: hidden;
-          color: #666;
-          background-color: #fff;
-          border: 1px solid #eaeaea;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          --zeit-ui-button-padding: 0.625rem;
-          --zeit-ui-button-height: 1.5rem;
-          --zeit-ui-button-color: #666;
-        }
+          .btn :global(.text p),
+          .btn :global(.text pre),
+          .btn :global(.text div) {
+            margin: 0;
+          }
+        </style></button><button type=\\"button\\" class=\\"btn \\"><div class=\\"text\\">remove</div><style>
+          .btn {
+            box-sizing: border-box;
+            display: inline-block;
+            padding: 0 0.625rem;
+            height: 1.5rem;
+            line-height: 1.5rem;
+            min-width: min-content;
+            width: auto;
+            border-radius: 5px;
+            font-weight: 400;
+            font-size: .75rem;
+            user-select: none;
+            outline: none;
+            text-transform: capitalize;
+            justify-content: center;
+            text-align: center;
+            white-space: nowrap;
+            transition: background-color 200ms ease 0ms, box-shadow 200ms ease 0ms,
+              border 200ms ease 0ms, color 200ms ease 0ms;
+            position: relative;
+            overflow: hidden;
+            color: #666;
+            background-color: #fff;
+            border: 1px solid #eaeaea;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            --zeit-ui-button-padding: 0.625rem;
+            --zeit-ui-button-height: 1.5rem;
+            --zeit-ui-button-color: #666;
+          }
 
-        .btn:hover {
-          color: #000;
-          --zeit-ui-button-color: #000;
-          background-color: #fff;
-          border-color: #000;
-          cursor: pointer;
-          pointer-events: auto;
-          box-shadow: none;
-          transform: translate3d(0px, 0px, 0px);
-        }
+          .btn:hover {
+            color: #000;
+            --zeit-ui-button-color: #000;
+            background-color: #fff;
+            border-color: #000;
+            cursor: pointer;
+            pointer-events: auto;
+            box-shadow: none;
+            transform: translate3d(0px, 0px, 0px);
+          }
 
-        .btn :global(.text) {
-          position: relative;
-          z-index: 1;
-          display: inline-flex;
-          justify-content: center;
-          align-items: center;
-          text-align: center;
-          line-height: inherit;
-          top: -1px;
-        }
+          .btn :global(.text) {
+            position: relative;
+            z-index: 1;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            text-align: center;
+            line-height: inherit;
+            top: -1px;
+          }
 
-        .btn :global(.text p),
-        .btn :global(.text pre),
-        .btn :global(.text div) {
-          margin: 0;
-        }
-      </style></button></div><style>
+          .btn :global(.text p),
+          .btn :global(.text pre),
+          .btn :global(.text div) {
+            margin: 0;
+          }
+        </style></button></div><style>
         .toast {
           width: 420px;
           max-width: 90vw;