.modal-mask{background-color:rgba(0,0,0,.5);display:table;height:100%;left:0;position:fixed;top:0;transition:opacity .3s ease;width:100%;z-index:9998}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{background-color:#fff;border-radius:2px;box-shadow:0 2px 8px rgba(0,0,0,.33);font-family:Helvetica,Arial,sans-serif;margin:0 auto;padding:20px 30px;transition:all .3s ease;width:300px}.modal-header h3{color:#42b983;margin-top:0}.modal-body{margin:20px 0}.modal-default-button{float:right}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}.close-button{float:right;//margin:-10% -10%;background-color:#fff;border:none;color:#444;cursor:pointer;font-size:32px;text-align:right;width:48px}