.c-post-form .wpcf7-form {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}

.c-post-form .wpcf7-form br {
  display: none;
}

.c-post-form .wpcf7-form .form-group-list {
  display: grid;
  gap: 12px;

  @media (1024px < width) {
    grid-template-columns: repeat(2, 1fr);
  }
}

.c-post-form .wpcf7-form label {
  font-weight: 600;
  line-height: 1.5;
  color: var(--color-secondary);
  font-size: 14px;

  @media (1024px < width) {
    font-size: 16px;
  }
}

.c-post-form .wpcf7-form .form-group > p {
  display: flex;
  flex-direction: column;
  row-gap: 4px;

  @media (1024px < width) {
    row-gap: 8px;
  }
}

.c-post-form .wpcf7-form input:not([type='submit']),
.c-post-form .wpcf7-form select,
.c-post-form .wpcf7-form textarea {
  width: 100%;
  padding: 11.5px 12px;
  border: 1px solid var(--color-quaternary);

  @media (1024px < width) {
    padding: 12px 20px;
  }
}

.c-post-form .wpcf7-form input:not([type='submit']),
.c-post-form .wpcf7-form select {
  border-radius: 9999px;
}

.c-post-form .wpcf7-form textarea {
  border-radius: 16px;
  height: 80px;

  @media (1024px < width) {
    height: 100px;
  }
}

.c-post-form .wpcf7-form input:not([type='submit']),
.c-post-form .wpcf7-form textarea {
  font-weight: 200;
  line-height: 1.5;
  color: var(--color-secondary);
  font-size: 14px;

  @media (1024px < width) {
    font-size: 16px;
  }
}

.c-post-form .wpcf7-form input[type='submit'] {
  width: 100%;
  text-align: center;
  background-image: var(--background-image-primary-gradient);
  padding-block: 10px;
  border-radius: 9999px;
  font-weight: 500;
  color: var(--color-neutral-primary);
  cursor: pointer;

  @media (1024px < width) {
    padding-block: 14.5px;
  }
}
