Subscribe form details

assets/css/screen.css

@@ -242,6 +242,10 @@ a:hover {
     transition: background-color 0.2s ease;
 }
 
+.gh-form.success {
+    pointer-events: none;
+}
+
 .gh-form.error {
     box-shadow: 0 0 0 1px red;
 }
@@ -265,12 +269,17 @@ a:hover {
     border: 0;
     background-color: transparent;
     outline: none;
+    transition: 0.3s ease-in-out;
 }
 
 :is(.has-serif-title, .has-slab-title) .gh-form-input {
     padding-inline: 20px;
 }
 
+.gh-form.gh-form.success .gh-form-input {
+    opacity: 0.5;
+}
+
 .gh-footer.has-accent-color .gh-form-input {
     color: #fff;
 }

partials/icons/checkmark.hbs

@@ -14,7 +14,7 @@
             transform-origin: 50% 50%;
             stroke-dasharray: 48;
             stroke-dashoffset: 48;
-            animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) .8s forwards;
+            animation: stroke .3s cubic-bezier(0.650, 0.000, 0.450, 1.000) forwards;
         }
 
         @keyframes stroke {