/* TODO: shared styles with deposit-workflow__banner -- extract common component? */
.issue-prepaid-card-workflow__banner {
  padding-right: var(--boxel-sp);
}

.issue-prepaid-card-workflow__banner p {
  margin: 0;
}

.issue-prepaid-card-workflow__banner small {
  display: block;
  color: var(--boxel-light-300);
  font-size: var(--boxel-font-size-xs);
  line-height: calc(18 / 11);
  letter-spacing: var(--boxel-lsp-lg);
}

.issue-prepaid-card-workflow__banner strong {
  font-weight: 700;
}

.issue-prepaid-card-workflow__banner p + p {
  margin-top: var(--boxel-sp);
}

.issue-prepaid-card-workflow__banner p + p:last-of-type {
  margin-top: var(--boxel-sp-lg);
}