div#beacon__promotion__page {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999991;
    padding: 20px;
  }
  div#beacon__promotion__page .beacon__overlay {
    background-color: #141414;
    opacity: 0.7;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  div#beacon__promotion__page .beacon__promotion__page-wrapper-inner {
    position: relative;
    max-width: 730px;
    margin: 0 auto;
    margin-top: 100px;
  }
  div#beacon__promotion__page .beacon__promotion__page-wrapper-inner .promotion__page-wrapper {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-sizing: border-box;
    text-align: center;
  }
  div#beacon__promotion__page .beacon__promotion__page-wrapper-inner .promotion__page-wrapper h3 {
    font-size: 28px;
    font-weight: 600;
    line-height: 40px;
    letter-spacing: 0em;
    margin: 10px 0;
  }
  @media (max-width: 767px) {
    div#beacon__promotion__page .beacon__promotion__page-wrapper-inner .promotion__page-wrapper h3 {
      font-size: 20px;
      line-height: 28px;
    }
  }
  @media (max-width: 767px) {
    div#beacon__promotion__page .beacon__promotion__page-wrapper-inner .promotion__page-wrapper p {
      font-size: 15px;
    }
  }
  div#beacon__promotion__page .beacon__promotion__page-wrapper-inner .promotion__page-wrapper img {
    width: 100%;
    min-height: 410px;
    display: block;
    object-fit: cover;
  }
  @media (max-width: 767px) {
    div#beacon__promotion__page .beacon__promotion__page-wrapper-inner .promotion__page-wrapper img {
      min-height: 240px;
    }
  }
  div#beacon__promotion__page .beacon__promotion__page-wrapper-inner button#closePopup {
    position: absolute;
    right: -25px;
    top: -25px;
    background: transparent;
    border: none;
    outline: 0;
    cursor: pointer;
  }
  @media (max-width: 1200px) {
    div#beacon__promotion__page .beacon__promotion__page-wrapper-inner button#closePopup {
      right: -14px;
      top: -14px;
    }
  }
  @media (max-width: 1200px) {
    div#beacon__promotion__page .beacon__promotion__page-wrapper-inner button#closePopup svg {
      width: 35px;
      height: 35px;
    }
  }
  div#beacon__promotion__page .beacon__promotion__page-wrapper-inner button#closePopup:hover svg circle {
    fill: #036F2C;
  }
  div#beacon__promotion__page .beacon__promotion__page-wrapper-inner button#closePopup:hover svg path {
    stroke: #fff;
  }