.card-form {
  display: grid;
  gap: 10px;
  padding-top: 4px;
}

.card-form[hidden] {
  display: none;
}

.card-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.hosted-card-field {
  min-height: 48px;
  padding: 5px 10px;
  background: #fff;
  border: 1px solid #c9dce2;
  border-radius: 10px;
}

.sepa-prepare {
  padding: 0 16px 16px;
}

.sepa-prepare p {
  color: #5f7883;
  font-size: .88rem;
  line-height: 1.5;
}

.receipt-link {
  display: inline-flex;
  margin-top: 10px;
  color: #075d67;
  font-weight: 800;
}

.bank-actions button.payment-mail {
  cursor: pointer;
}

@media (max-width: 520px) {
  .card-row {
    grid-template-columns: 1fr;
  }
}