.modal{display:none;position:fixed;z-index:1;padding-top:6.25rem;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{position:relative;background-color:#fefefe;margin:auto;padding:.9375rem;border:.0625rem solid #888;width:80%;box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.2),0 .375rem 1.25rem 0 rgba(0,0,0,.19);-webkit-animation-name:animatetop;-webkit-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}@-webkit-keyframes animatetop{0%{top:-18.75rem;opacity:0}to{top:0;opacity:1}}@keyframes animatetop{0%{top:-18.75rem;opacity:0}to{top:0;opacity:1}}.close{color:#fff;float:right;font-size:2.375rem;font-weight:700}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer}.modal-header{padding:.125rem 1rem;background-color:#2b445c;color:#fff}.modal-header h3{color:#fff}.modal-body,.modal-footer{padding:.125rem 1rem}.modal-footer{background-color:#2b445c;color:#fff}#button{display:inline-flex;align-items:center;-webkit-appearance:none;text-align:center;white-space:nowrap;transition:color .2s,background .5s;cursor:pointer;background:linear-gradient(155.8deg,#faeec1,#f2d88d);color:#0072bc;height:3.375rem;padding:0 2.25rem;font-size:1rem;font-weight:600}#button:hover{background:linear-gradient(90deg,#e1f8ff,#bfefff)}