.ays-pb-modal {
  --border-size: calc(16px + 6 * ((100vw - 320px) / 680));
  display: grid !important;
  width: 1170px !important;
  max-width: 65vw;
  grid-gap: 2rem;
  height: 578px;
  border-radius: 4px;
  inset: 0px;
  grid-template-columns: 2fr 4fr;
  color: white !important;
  border: var(--border-size) solid white !important;
  background: radial-gradient(circle, #6d3164, #2e2149) !important;
}

.ays-pb-modal hr {
  display: none;
}

.ays_pb_description {
  grid-column: 2;
}

div.ays-pb-modal div.ays_pb_description p {
  text-align: left;
  color: white !important;
}

.ays_content_box {
  grid-column: 1;
  grid-row: 1;
}

.ays_content_box img {
  min-width: 150px;
}

.ays-pb-modal-close {
  background-color: #b31266;
  border: none;
}

.cursor-pointer {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .ays-pb-modal {
    grid-template-columns: 1fr !important;
    grid-template-rows: repeat(2, 1fr) !important;
  }

  .ays_pb_description {
    grid-column: 1;
    grid-row: 2;
    padding-top: 0 !important;
  }

  .ays_content_box {
    grid-column: 1;
    grid-row: 1;
    padding: 0 !important;
  }

  .ays_content_box p {
    margin: 0;
  }
}