.billing-card-element-base {
  /* To achieve the correct field height we need to add 'py-2.5' class, but */
  /* it can't be added via stripe's API because of the dot. */
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

/* Scenario: */
/* - Element contains invalid input. */
/* - Element is focused. */
.billing-card-element-focus.billing-card-element-invalid {
  /* ring-red-500 */
  --tw-ring-opacity: 1;
  --tw-ring-color: rgba(239, 68, 68, var(--tw-ring-opacity));
}