*,*:before,*:after{box-sizing:border-box;outline:none}button{cursor:pointer}.trigger{border:none;box-shadow:0 .0625rem .1875rem rgba(0,0,0,.12),0 .0625rem .125rem rgba(0,0,0,.24);transition:all .25s cubic-bezier(.25,.8,.25,1);font-size:1.39em;font-weight:800;background-color:#000;color:#fff;text-align:center;border-bottom:1px solid #fff;margin:auto;width:100%;padding:10px}.trigger i{margin-right:.3125rem}.trigger:hover{box-shadow:0 .875rem 1.75rem rgba(0,0,0,.25),0 .625rem .625rem rgba(0,0,0,.22)}.modal{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;height:0;background-color:transparent;overflow:hidden;transition:background-color .25s ease;z-index:9999}.modal.open{position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,.5);transition:background-color .25s}.modal.open>.content-wrapper{transform:scale(1)}.modal .content-wrapper{margin:0;padding:2.5rem;background-color:#fff;border-radius:.3125rem;box-shadow:0 0 2.5rem rgba(0,0,0,.5);transform:scale(0);transition:transform .25s;transition-delay:.15s}.modal .content-wrapper .close{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background-color:transparent;font-size:1.5rem;transition:.25s linear}.modal .content-wrapper .close:before,.modal .content-wrapper .close:after{position:absolute;content:'';width:1.25rem;height:.125rem;background-color:#000}.modal .content-wrapper .close:before{transform:rotate(-45deg)}.modal .content-wrapper .close:after{transform:rotate(45deg)}.modal .content-wrapper .close:hover{transform:rotate(360deg)}.modal .content-wrapper .close:hover:before,.modal .content-wrapper .close:hover:after{background-color:tomato}.modal .content-wrapper .modal-header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0 0 1.25rem}.modal .content-wrapper .modal-header h2{font-size:1.5rem;font-weight:700}.modal .content-wrapper .content{position:relative;display:flex}.modal .content-wrapper .content p{font-size:.875rem;line-height:1.75}.modal .content-wrapper .modal-footer{position:relative;display:flex;align-items:center;justify-content:flex-end;width:100%;margin:0;padding:1.875rem 0 0}.modal .content-wrapper .modal-footer .action{position:relative;margin-left:.625rem;padding:.625rem 1.25rem;border:none;background-color:#708090;border-radius:.25rem;color:#fff;font-size:.87rem;font-weight:300;overflow:hidden;z-index:1}.modal .content-wrapper .modal-footer .action:before{position:absolute;content:'';top:0;left:0;width:0;height:100%;background-color:rgba(255,255,255,.2);transition:width .25s;z-index:0}.modal .content-wrapper .modal-footer .action:first-child{background-color:#2ecc71}.modal .content-wrapper .modal-footer .action:last-child{background-color:#e74c3c}.modal .content-wrapper .modal-footer .action:hover:before{width:100%}