form .flex label {
  width: 20%;
}

form .flex input {
  width: 80%;
}

a.px-3.py-2.border.rounded.hover\:bg-gray-50.flex {
  max-width: 100%;
  width: max-content;
  color: var(--color-blue);
  border: 2px solid var(--color-blue);
  margin: 4rem auto 0;
}

.success {
  gap: 2rem;
  margin-top: 4rem;
}

.success a.px-3.py-2.border.rounded.hover\:bg-gray-50.flex {
  margin: 0;
}





@media screen and (max-width: 767px) {
  form .flex label, form .flex input {
    width: 100%;
  }

  a.px-3.py-2.border.rounded.hover\:bg-gray-50.flex {
    margin-top: 3rem;
  }

  .success {
    gap: 1.5rem;
    margin-top: 3rem;
  }
}