div[data-testid='form-row'] {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 20px;
  justify-content: space-between;
  width: 100%;
  max-width: 640px;
  margin: 0px auto;
}

div[data-testid='form-row'] > * {
  flex-basis: 100% !important;
  padding: 0px !important;
}

@media (min-width: 451px) {
  div[data-testid='form-row'] > *:nth-child(1),
  div[data-testid='form-row'] > *:nth-child(2) {
    flex: unset !important;
    flex-basis: calc((100% - 30px) / 2) !important;
  }
}

div[data-testid='form-row'] > * button {
  padding: 0px 50px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: auto !important;
  font-weight: 500 !important;
  border: 2px solid #000 !important;
  transition: all 0.25s ease-in-out;
}

div[data-testid='form-row'] > * button:hover {
  background-color: #fff !important;
  color: #000 !important;
}

ol.legal {
  counter-reset: section;
  list-style-type: none;
  margin-bottom: 50px;
  font-size: 18px;
}

li.legal::before {
  counter-increment: section;
  content: counters(section, '.') '. ';
}

li.legal {
  margin-bottom: 25px;
}

ol.legal ol ol li::before {
  content: ''; /* remove third level content  */
}

ol.legal ol ol {
  list-style-type: lower-alpha; /* set third level to alpha  */
}

ol.legal ol ol ol {
  list-style-type: lower-roman; /* set fourth level to roman  */
}