.trigger{margin:0 .75rem;padding:.625rem 1.25rem;border:none;border-radius:.25rem;box-shadow:0 .0625rem .1875rem #0000001f,0 .0625rem .125rem #0000003d;transition:all .25s cubic-bezier(.25,.8,.25,1);font-size:.875rem;font-weight:300}.trigger i{margin-right:.3125rem}.trigger:hover{box-shadow:0 .875rem 1.75rem #00000040,0 .625rem .625rem #00000038}.modal{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;height:0vh;background-color:transparent;overflow:hidden;transition:background-color .25s ease;z-index:9999}.modal.open{position:fixed;width:100%;height:100vh;background-color:#00000080;transition:background-color .25s}.modal.open>.content-wrapper{transform:scale(1)}.modal .content-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:90%;max-height:90vh;overflow-y:auto;max-width:1200px;margin:0;padding:calc(1rem + 1vw);background-color:#fff;border-radius:.3125rem;box-shadow:0 0 2.5rem #00000080;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;cursor:pointer}.modal .content-wrapper .close:before,.modal .content-wrapper .close:after{position:absolute;content:"";width:1.25rem;height:.125rem;background-color:#000}.modal .content-wrapper .modal-header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;margin:0}.modal .content-wrapper .modal-header h2{font-size:1.5rem;font-weight:700;margin-bottom:0}.modal .content-wrapper .content{position:relative;display:flex;padding:1rem 0}.modal .content-wrapper .modal-footer{position:relative;display:flex;gap:1rem;align-items:stretch;justify-content:center;width:100%;margin:0}.modal .content-wrapper .modal-footer .action{position:relative;display:flex;align-items:center;padding:.625rem 1.25rem;border:none;background-color:#708090;border-radius:.25rem;color:#fff;font-size:1rem;font-weight:600;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:#fff3;transition:width .25s;z-index:0}.modal .content-wrapper .modal-footer .action:first-child{background-color:#069112}.modal .content-wrapper .modal-footer .action:last-child{background-color:#d81f1f}.modal .content-wrapper .modal-footer .action:hover:before{width:100%}