.wpcf7 .wpcf7-form {
  text-align: left;
}

.wpcf7 .wpcf7-form p {
  margin-bottom: 0;
  position: relative;
}

.wpcf7 .wpcf7-form .wpcf7-not-valid-tip {
  color: var(--bs-danger);
  margin-top: 5px;
  font-size: 12px;
}

.wpcf7 .wpcf7-form .wpcf7-spinner {
  background-color: #fff;
  margin: 0;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.wpcf7 .wpcf7-form .wpcf7-spinner::before {
  background-color: var(--bs-primary);
}

.wpcf7 .wpcf7-form .wpcf7-response-output {
  color: #000;
  background-color: var(--bs-warning);
  padding: 12px 16px;
  margin: 15px auto 0;

  border-radius: 12px;
}

.wpcf7 .wpcf7-form.invalid .wpcf7-response-output,
.wpcf7 .wpcf7-form.unaccepted .wpcf7-response-output,
.wpcf7 .wpcf7-form.payment-required .wpcf7-response-output {
  border-color: var(--bs-warning);
}

.wpcf7 .wpcf7-form .wpcf7-spinner {
  --spinner-size: 16px;

  width: var(--spinner-size);
  height: var(--spinner-size);
  position: absolute;
  top: 50%;
  right: 0;
  left: 10px;
  transform: translateY(-50%);
}

.wpcf7 .wpcf7-form .wpcf7-spinner::before {
  --spinner-circle-size: 4px;

  width: var(--spinner-circle-size);
  height: var(--spinner-circle-size);
  transform-origin: var(--spinner-circle-size) var(--spinner-circle-size);
}