.button,
.acf-block-preview .button {
  background-color: var(--text-100);
  border: 2px solid var(--text-100);
  border-radius: 0;
  color: var(--white);
  text-decoration: none;
  font-weight: 500;
  padding: 16px 32px;
  transition: var(--transition);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: max-content;
  max-width: 100%;
  font-weight: 700;
  cursor: pointer;
}

.button:hover,
.acf-block-preview .button:hover {
  transform: translateY(-4px);
  color: var(--white);
}

#form_wrap,
#form_wrap .send_wrap,
#form_wrap .double {
    gap: 32px;
}

#form_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}

#form_wrap .field_wrap {
    width: 100%;
}

#form_wrap .send_wrap {
    display: flex;
    align-items: center;
    justify-content: start;
}

#form_wrap .double {
    display: flex;
    align-items: start;
}

#form_wrap .form_field {
    width: 100%;
    padding: 24px;
    border-radius: 0;
    border: 1px solid var(--text-25);
    transition: var(--transition);
}

#form_wrap textarea.form_field {
    height: 192px;
    resize: vertical;
}

#form_wrap .form_field::placeholder {
    color: var(--text-75);
    opacity: 1;
}

#form_wrap .form_field:focus {
    outline: none;
    border-color: var(--secondary-100);
}

#form_wrap .legal_info,
#form_wrap .legal_info * {
    color: var(--text-50);
}

#form_wrap .legal_info a {
    text-decoration: none;
    font-weight: 700;
}

#form_wrap .legal_info a:hover {
    color: var(--secondary-100);
}

.wpcf7-spinner {
    display: none;
}

@media screen and (max-width: 1200px) {
    #form_wrap,
    #form_wrap .send_wrap,
    #form_wrap .double {
        gap: 24px;
    }
}

@media screen and (max-width: 767px) {
  .button,
  .acf-block-preview .button {
    padding: 8px 16px;
  }

  #form_wrap .form_field {
    padding: 12px;
  }

  #form_wrap textarea.form_field {
    height: 128px;
  }
}

@media screen and (max-width: 500px) {
  .button,
  .acf-block-preview .button {
    width: 100%;
  }

  #form_wrap .double,
  #form_wrap .send_wrap {
    flex-direction: column;
  }
}