.modal-wrapper{position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear .25s,opacity .25s 0s,transform .25s;cursor:pointer!important}.modal-wrapper.visible{opacity:1;visibility:visible}.modal-window{position:absolute;top:50%;left:50%;background-color:#fff;padding:25px 50px;width:50%;max-height:80%;border-radius:.5rem;border:1px solid #de6ce0;transform:translate(-50%,-50%);transition:.2s ease-in-out all;cursor:default!important;overflow:auto}.close-button{color:#000;float:right;width:1.5rem;line-height:1.5rem;text-align:right;font-size:28px;cursor:pointer;border-radius:.25rem}.show-modal{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s,opacity .25s 0s,transform .25s}.modal-trigger{cursor:pointer}.modal-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:justify}.modal-container p,a{color:#000;margin:0 auto;padding:0}.modal-container h3{color:#000}.content-details{padding-bottom:20px}@media only screen and (max-width:800px){.modal-container{width:100%}.content-details{padding:0}.modal-window{width:70%;max-height:70%}}