#vcf-contact-wrapper .vcf-contact-control-wrapper .vcf-contact-submit {
  display: inline-block;
  position: relative;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper .vcf-contact-submit .vcf-contact-submit-spinning {
  --translateY: -50%;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, .5);
  animation: vcf-spin 1s infinite linear;
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translateY(var(--translateY));
  padding: 5px;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper .vcf-contact-submit .vcf-contact-submit-spinning-inner {
  width: 7px;
  height: 7px;
  display: block;
  background: #ffffff;
  border-radius: 100%;
}

@keyframes vcf-spin {
  from {
    transform: translateY(var(--translateY)) rotate(0deg);
  }

  to {
    transform: translateY(var(--translateY)) rotate(360deg);
  }
}

#vcf-contact-wrapper .vcf-contact-control-wrapper .error-message {
  background-color: #ffffff;
  padding: 5px 5px;
  display: block;
  font-size: 14px;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper .vcf-contact-control:not([type="checkbox"]) {
  resize: none;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper .vcf-contact-control:not([type="checkbox"]):not([type="submit"]) {
  padding: 5px;
  font-size: 16px;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper .vcf-contact-control.vcf-control-submit {
  text-transform: none;
}

#vcf-contact-wrapper .vcf-contact-control-wrapper label,
#vcf-contact-wrapper .vcf-contact-control-wrapper .vcf-contact-control {
  font-family: var(--verticalContactFont);
}

#vcf-contact-wrapper .vcf-contact-control-wrapper .vcf-contact-control:active,
#vcf-contact-wrapper .vcf-contact-control-wrapper .vcf-contact-control:focus {
  outline: 0px;
}