.voucher-code-message {
  display: inline-block;
  margin-left: 1rem;
  font-size: 0.875em;
}

.voucher-code-message--pending {
  color: #888;
}

.voucher-code-message--valid {
  color: #2e7d32;
}

.voucher-code-message--valid::before {
  content: "\f058";
  margin-right: 0.5em;
  font-family: "Font Awesome 7 Sharp";
}

.voucher-code-message--invalid {
  color: #f00;
}

.voucher-code-field--valid {
  border-bottom-color: #2e7d32 !important;
}

.voucher-code-field--invalid {
  border-bottom-color: #f00 !important;
}