modal{display:none}modal .modal-forground{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:auto}modal .modal-forground .modal-body{padding:0;background:#fff;margin:40px}modal .modal-background{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000;opacity:.75;z-index:900}body.modal-open{overflow:hidden}.button{position:relative;background-color:#4caf50;border:none;font-size:16px;color:#fff;padding:20px;width:200px;text-align:center;transition-duration:.4s;text-decoration:none;overflow:hidden;cursor:pointer;margin-right:20px}.button:after{content:"";background:#90ee90;display:block;position:absolute;padding-top:300%;padding-left:350%;margin-left:-20px!important;margin-top:-120%;opacity:0;transition:all .8s}.button:active:after{padding:0;margin:0;opacity:1;transition:0s}input[type=text]{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}