.wa-hp-popup {
  /*&[show-popup="0"] {
    display: none !important;
  }*/
}
.wa-hp-popup .x-modal_close {
  outline: none !important;
  color: var(--primary-dark-trans-70);
  transition: 0.2s all ease-in-out;
  border-radius: 100%;
  font-size: 24px;
  line-height: 0.75;
  padding: 12px;
  cursor: pointer;
  position: absolute;
  right: calc(var(--space-l) / 2 - 2.1rem);
  top: calc(var(--space-l) / 2 - 2.1rem);
  margin: 0;
  height: 4.2rem;
  width: 4.2rem;
}
.wa-hp-popup .x-modal_close:hover {
  color: var(--white);
  background-color: var(--primary-dark-trans-70);
}
.wa-hp-popup .x-modal_content {
  background: #fdfbf7;
  border-radius: var(--radius-s);
  padding: var(--space-l);
}
.wa-hp-popup .x-modal_container {
  width: 80rem;
}
.wa-hp-popup .x-modal_backdrop {
  padding: var(--gutter);
}
.wa-hp-popup img {
  border-radius: var(--radius-s);
}