.my-modal-btn{display:block;margin:1rem auto;padding:1rem 2rem;color:#fff;font-size:1.5rem;font-weight:700;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#0c938c;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border:3px solid #6c6666;cursor:pointer}.my-modal-btn:focus,.my-modal-btn:hover{color:#212529;background-color:#fff}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%}.close{color:#202020;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-title{font-size:1.5rem;font-weight:600}