button#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9-btn{ border: unset;color: rgba(255, 255, 255, 1); padding: 15px; font-size: 15px; border-radius: 15px; background-color: rgba(74, 144, 226, 1) }
  div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal{display:none;position:fixed;z-index:99999;padding-top:7vh;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,0.4)}
    div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--modal-content{position:relative;background-color:#fefefe;min-height:475px;height:86vh;margin:auto;padding:0;border:1px solid #888;width:80%;box-shadow:0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);-webkit-animation-name:sinapiModalcbc024fe57a94c989c83d75960d5a1c9AnimateTop;-webkit-animation-duration:.4s;animation-name:sinapiModalcbc024fe57a94c989c83d75960d5a1c9AnimateTop;animation-duration:.4s;border-radius: 5px;overflow: hidden;border: 2px solid #eee;}
    div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--close{color: #fff; font-size: 28px; font-weight: 700; z-index: 3; position: absolute; top: 10px; right: 10px; background: rgba(0,0,0,.6); height: 35px; width: 35px; border-radius: 35px; text-align: center; line-height: 35px;}
    div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--close:hover,
    div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--close:focus{background: rgba(0,0,0,.8); text-decoration:none;cursor:pointer}
    div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--modal-header{padding:2px 16px;background-color:#5cb85c;color:#fff}
    div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--modal-body{padding:2px 16px;position: relative;height: 100%;}
    div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--modal-footer{padding:2px 16px;background-color:#5cb85c;color:#fff}
    div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--modal-body-iframe {position: absolute;top:0px; left: 0px; right:0px; bottom: 0px;border: none;}
    @-webkit-keyframes sinapiModalcbc024fe57a94c989c83d75960d5a1c9AnimateTop {
        from{top:-300px;opacity:0}
        to{top:0;opacity:1}
    }
    @keyframes sinapiModalcbc024fe57a94c989c83d75960d5a1c9AnimateTop {
        from{top:-300px;opacity:0}
        to{top:0;opacity:1}
    }
    @media screen and (max-width: 620px) {
      div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--close {position: fixed; top: 0px; border-radius: 0; left: 0; width: 100%; height: 40px; font-size: 44px; line-height: 40px; background: #333;display: flex; align-items: center; justify-content: center;}
      div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--close::after {content:"Close"; font-size: 19px; margin-left: 5px; position: relative; top: 1px;}
      div#sinapi--modal-cbc024fe57a94c989c83d75960d5a1c9.sinapi--modal .sinapi--modal-content {width: 100%; position: fixed; top: 40px; right: 0;bottom: 0; left: 0; height: auto; border-radius: 0px;}
    }