*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:montserrat,sans-serif}#app{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100vw;min-height:100vh;overflow-x:hidden}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border:none;background:none;cursor:pointer;display:inline-block;padding:15px 25px;background-image:-webkit-gradient(linear,left top,right top,from(#cc2e5d),to(#ff5858));background-image:linear-gradient(90deg,#cc2e5d,#ff5858);border-radius:8px;color:#fff;font-size:18px;font-weight:700;-webkit-box-shadow:3px 3px rgba(0,0,0,.4);box-shadow:3px 3px rgba(0,0,0,.4);-webkit-transition:.4s ease-out;transition:.4s ease-out;&:hover{-webkit-box-shadow:6px 6px rgba(0,0,0,.6);box-shadow:6px 6px rgba(0,0,0,.6)}}.modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:98;background-color:rgba(0,0,0,.3)}.modal{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:99;width:100%;max-width:400px;background-color:#fff;border-radius:16px;padding:25px;h1{color:#222;font-size:32px;font-weight:900}h1,p{margin-bottom:15px}p{color:#666;font-size:18px;font-weight:400}}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.slide-enter,.slide-leave-to{-webkit-transform:translateY(-50%) translateX(100vw);transform:translateY(-50%) translateX(100vw)}