.itpro-paid-webinar-status {
  box-sizing: border-box;
  margin: 20px 0;
  padding: 22px 20px;
  color: #ffffff;
  background: #333333;
  border-radius: 6px;
  text-align: center;
}

.itpro-paid-webinar-status__title {
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.3;
}

.itpro-paid-webinar-status__text {
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 15px;
  line-height: 1.5;
  transition: opacity .18s ease, transform .18s ease;
}
.itpro-paid-webinar-status.is-payment-updating { opacity: 0; transform: translateY(6px); }
.itpro-paid-webinar-status--paid { transition: opacity .35s ease, background-color .35s ease; }

.itpro-paid-webinar-status__login {
  display: inline-block;
  padding: 10px 20px;
  color: #ffffff;
  background: #070707;
  border-radius: 20px;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease;
}

.itpro-paid-webinar-status__login:hover,
.itpro-paid-webinar-status__login:focus-visible {
  color: #070707;
  background: #ece9ec;
  text-decoration: none;
}

.itpro-paid-webinar-status__buy,
.itpro-webinar-modal__pay { display: inline-block; padding: 12px 24px; border: 0; border-radius: 24px; color: #fff; background: #1473e6; font-weight: 600; text-decoration: none; cursor: pointer; }
.itpro-paid-webinar-status__buy:hover, .itpro-webinar-modal__pay:hover { background: #0d5fc4; color: #fff; }
.itpro-paid-webinar-status > [data-itpro-webinar-modal="open"] { display: none; }
.itpro-paid-webinar-status__offer { display: flex; align-items: center; justify-content: center; gap: 16px; }
.itpro-paid-webinar-status__offer > span { display: inline-flex; align-items: center; }
.itpro-paid-webinar-status__price { font-size: 20px; font-weight: 700; }
.itpro-paid-webinar-status h2 { display: table; margin: 0 auto; background-color: #fff; color: #000; padding: 5px 15px 3px; border-radius: 20px; }
.itpro-webinar-modal[hidden] { display: none; }
.itpro-webinar-modal { position: fixed; inset: 0; z-index: 1000; display: grid; place-items: center; padding: 20px; }
.itpro-webinar-modal__backdrop { position: absolute; inset: 0; background: rgba(12, 18, 30, .68); }
.itpro-webinar-modal__card { position: relative; width: min(100%, 520px); padding: 34px 30px 30px; border-radius: 18px; background: #fff; box-shadow: 0 20px 70px rgba(0,0,0,.25); color: #182230; }
.itpro-webinar-modal__label { margin-bottom: 8px; color: #687586; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.itpro-webinar-modal__title { margin: 0 34px 24px 0; font-size: 24px; line-height: 1.25; }
.itpro-webinar-modal__row { display: flex; justify-content: center; gap: 20px; margin-bottom: 26px; padding: 16px 0; border-top: 1px solid #e7ebf0; border-bottom: 1px solid #e7ebf0; text-align: center; }
.itpro-webinar-modal__close { position: absolute; top: 12px; right: 16px; border: 0; background: none; color: #687586; font-size: 28px; cursor: pointer; text-decoration: none; }
.itpro-webinar-modal-open { overflow: hidden; }
.itpro-webinar-modal__card.is-payment-pending { text-align: center; }
.itpro-webinar-modal__loader { display: block; width: 72px; height: 72px; margin: 10px auto 18px; object-fit: contain; }
.itpro-webinar-modal__payment-status { margin: 0; text-align: center; font-size: 20px; font-weight: 600; }
.itpro-webinar-modal__payment-status.is-success { color: #16803c; }
.itpro-webinar-modal__payment-status.is-error { color: #c62828; }
.itpro-webinar-modal__payment-over { display: block; width: 72px; height: 72px; margin: 0 auto 18px; object-fit: contain; }
.itpro-payment-waiting, .itpro-payment-result { min-height: 240px; display: grid; place-items: center; align-content: center; gap: 18px; text-align: center; font-size: 22px; }
.itpro-payment-waiting img, .itpro-payment-result img { width: 72px; height: 72px; object-fit: contain; }
.itpro-payment-waiting p, .itpro-payment-result p { margin: 0; }
.itpro-payment-result.is-success p { color: #16803c; }
.itpro-payment-result.is-error p { color: #c62828; }