.btnpopup__modal{bottom:0;left:0;overflow:hidden;position:fixed;right:0;text-align:center;top:0;-webkit-overflow-scrolling:touch;align-items:center;display:flex;justify-content:center;opacity:0;outline:0;overflow-x:hidden;overflow-y:auto;padding:3rem;-webkit-transition:opacity .15s linear,z-index .15;-o-transition:opacity .15s linear,z-index .15;transition:opacity .15s linear,z-index .15;z-index:-1}.btnpopup__modal .modal__inner{margin:30px auto;max-width:97%;position:relative;vertical-align:middle;width:600px;z-index:100}.btnpopup__modal .modal__wrap{background-clip:padding-box;background-color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;max-height:calc(100vh - 70px);outline:0;overflow-y:auto;padding:3rem;position:relative;text-align:left;width:100%}.btnpopup__modal .modal__overlay{background:transparent;bottom:0;height:100vh;left:0;position:fixed;right:0;top:0;-webkit-transition:background .15s linear;-o-transition:background .15s linear;transition:background .15s linear;width:100%;z-index:0}.btnpopup__modal .modal__btn{color:#fff;cursor:pointer;position:absolute;right:0;top:-40px;z-index:100}.btnpopup__modal .modal__btn svg{fill:#fff;height:20px;transition:all .3s;width:20px}.btnpopup__modal .modal__btn:hover svg{transform:rotate(90deg)}.btnpopup__modal--open{opacity:1;overflow:hidden;z-index:99999}.btnpopup__modal--open .btnpopup__modal{position:relative;-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);z-index:999}.btnpopup__modal--open .modal__overlay{background:rgba(0,0,0,.6);z-index:99}