.modal{display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal.is-open{align-items:center;display:flex;justify-content:center}.modal__overlay{background-color:rgba(0,0,0,.6);height:100%;left:0;position:absolute;top:0;width:100%}.modal__container{background:#fff;border-radius:8px;max-width:500px;padding:2rem;position:relative;width:90%;z-index:10}.modal__close{background:none;border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:15px;top:10px}.button--primary{cursor:pointer;padding:10px 20px}