.component--test-cp-popup .popup-container {
  width: min(100%, 980px);
  max-height: 100%;
  margin: 0 auto;
}
.component--test-cp-popup .popup-content {
  width: 100%;
  max-width: none;
  padding: 0;
  background: transparent;
  border-radius: 0;
  overflow: visible;
}
.component--test-cp-popup .test-cp-popup__state {
  display: none;
  width: 100%;
}
.component--test-cp-popup .test-cp-popup__state.is-active {
  display: block;
}
.component--test-cp-popup .test-cp-popup__card {
  width: 100%;
  margin: 0;
}
.component--test-cp-popup .test-cp-popup__field {
  margin: 0;
}
.component--test-cp-popup .test-cp-popup__field .item-input p,
.component--test-cp-popup .test-cp-popup__field .item-label p,
.component--test-cp-popup .test-cp-popup__field--submit p {
  margin: 0;
}
.component--test-cp-popup .test-cp-popup__feedback {
  display: none;
  margin: calc(var(--base-padding) * 1.5) 0 0;
  padding: 0;
  border: 0;
  color: var(--color-red);
  font-weight: 600;
}
.component--test-cp-popup .test-cp-popup__feedback.is-visible {
  display: block;
}
.component--test-cp-popup .test-cp-popup__feedback.is-success {
  color: var(--color-green);
}
.component--test-cp-popup .btn-submit .btn,
.component--test-cp-popup .btns-container .btn {
  width: 100%;
  justify-content: center;
}
.component--test-cp-popup.is-loading .test-cp-popup__form {
  opacity: 0.7;
  pointer-events: none;
}
@media (min-width: 1024px) {
  .component--test-cp-popup .btn-submit .btn,
  .component--test-cp-popup .btns-container .btn {
    width: auto;
    min-width: 220px;
  }
}