.boeki-popup-container {
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
}
.boeki-popup-container .boeki-popup .close {
  cursor: pointer;
  float: right;
  right: 10px;
  top: -10px;
}
.boeki-popup-container .boeki-popup .close .line1 {
  transform: rotate(45deg);
}
.boeki-popup-container .boeki-popup .close .line2 {
  transform: rotate(-45deg);
}
.boeki-popup-container .boeki-popup.design-text {
  width: 80%;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 24px, rgba(0, 0, 0, 0.05) 0px 2px 6px;
}
.boeki-popup-container .boeki-popup.design-text a, .boeki-popup-container .boeki-popup.design-text p {
  color: rgb(102, 102, 102);
}
.boeki-popup-container .boeki-popup.design-text .title {
  font-size: 18px;
  margin-bottom: 10px;
}
.boeki-popup-container .boeki-popup.design-text .content {
  margin-bottom: 10px;
}
.boeki-popup-container .boeki-popup.design-text .buttons {
  display: flex;
  justify-content: space-between;
}
.boeki-popup-container .boeki-popup.design-image {
  width: 50%;
}
.boeki-popup-container .boeki-popup.open {
  display: block;
}
@media screen and (min-width: 768px) {
  .boeki-popup-container .boeki-popup.design-text {
    width: 30%;
  }
  .boeki-popup-container .boeki-popup.design-image {
    width: 55%;
  }
}
@media screen and (min-width: 1024px) {
  .boeki-popup-container .boeki-popup.design-text {
    width: 25%;
  }
  .boeki-popup-container .boeki-popup.design-image {
    width: 50%;
  }
}