.submit-row button {
  gap: 18px;
  padding: 10px 10px 10px 20px;
  border: 1px solid var(--ink);
  color: var(--paper);
  background: var(--ink);
  transition: color .25s ease, background .25s ease, transform .25s ease;
}

.submit-row i {
  border: 0;
  color: var(--ink);
  background: var(--paper);
}

.submit-row button:hover {
  color: var(--ink);
  background: transparent;
  transform: translateY(-2px);
}

.submit-row button:disabled {
  cursor: wait;
  opacity: .58;
  transform: none;
}

.form-success {
  padding: clamp(50px, 8vh, 96px) 0;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity .7s cubic-bezier(.16, 1, .3, 1), transform .7s cubic-bezier(.16, 1, .3, 1);
}

.form-success[hidden] { display: none; }
.form-success.is-visible { opacity: 1; transform: translateY(0); }
.form-success p { margin: 0 0 22px; font-size: 9px; text-transform: uppercase; letter-spacing: .13em; opacity: .64; }
.form-success h3 { margin: 0; font: normal clamp(66px, 7.5vw, 124px)/.76 var(--serif); letter-spacing: -.05em; }
.form-success h3 em { font-weight: 400; }
.form-success > span { display: block; max-width: 520px; margin-top: 34px; font-size: 11px; line-height: 1.7; text-transform: uppercase; letter-spacing: .08em; opacity: .68; }
form.is-submitted > *:not(.form-success) { display: none; }
