.kaz-payment-dialog {
  box-sizing: border-box;
  width: min(460px, calc(100% - 32px));
  max-height: 90dvh;
  padding: 28px;
  border: 1px solid #ba9956;
  border-radius: 18px;
  background: linear-gradient(140deg, #202227, #202227);
  color: #eef6fb;
  box-shadow: 0 24px 80px #0008;
  font:
    16px/1.6 Arial,
    sans-serif;
}
.kaz-payment-dialog::backdrop {
  background: #202227d9;
  backdrop-filter: blur(4px);
}
.kaz-payment-dialog h2 {
  font-size: 24px;
  margin: 4px 28px 16px 0;
}
.kaz-payment-dialog [data-close] {
  float: right;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 28px;
  cursor: pointer;
}
.kaz-payment-dialog [data-summary] {
  font-weight: bold;
  color: #f3d28a;
}
.kaz-payment-dialog [data-status] {
  min-height: 64px;
  color: #bcd3df;
}
.kaz-payment-dialog [data-pay],
.kaz-payment-dialog [data-check],
.kaz-payment-dialog [data-receipt] {
  display: block;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  padding: 13px;
  margin-top: 12px;
  border: 1px solid #ba9956;
  border-radius: 10px;
  background: #f1ca78;
  color: #082032;
  font:
    600 16px/1.4 Arial,
    sans-serif;
  text-decoration: none;
  cursor: pointer;
}
.kaz-payment-dialog [data-check],
.kaz-payment-dialog [data-receipt] {
  background: transparent;
  color: #f3d28a;
}
.kaz-payment-dialog [hidden] {
  display: none !important;
}