.modal-content{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;width:24rem;border-radius:.5rem;width:30rem;height:15rem}.close-button{float:right;font-size:2rem;width:1.5rem;line-height:1.5rem;text-align:center;cursor:pointer;border-radius:.5rem}.close-button:hover{background-color:#a9a9a9}.modal-header{height:.8rem;margin:1rem 1.5rem}.modal-body{border:1px solid;height:auto}.modal-body,.modal-footer{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.modal-footer{position:fixed;height:4rem;bottom:0}