.a-modal-wrapper {   position:fixed;   top:0;   left:0;   z-index:999;   width:100%;   height:100%;   display:flex;   align-items:center;   transition:all 0.5s ease;   opacity:0;   visibility:hidden;   padding:16px; } .a-modal-wrapper.active {   opacity:1;   visibility:visible;   transition:all 0.5s ease; } .a-modal-wrapper.active .a-modal-content {   transition:all 0.5s ease;   transform:translateY(0%);   opacity:1;   visibility:visible; } .a-modal-content {   background:white;   margin:0 auto;   display:flex;   overflow:hidden;   border-radius:14px;   flex-flow:column;   padding:50px 24px 24px;   max-width:600px;   width:100%;   position:relative;   transition:all 0.5s ease;   transform:translateY(-1000%);   opacity:0;   visibility:hidden; } .a-modal-close {   width:fit-content;   margin-left:auto;   border:none;   padding:0;   width:24px;   height:24px;   position:absolute;   right:14px;   top:14px;   transition:all 0.5s ease; } .a-modal-close svg {   width:24px;   height:24px; } .a-modal-close.cancel {   position:relative;   width:100%;   height:44px;   right:0;   top:0;   border:2px solid #506579;   background-color:transparent !important;   color:#506579 !important;   border-radius:5px 5px 5px 5px;   font-family:"Poppins", Sans-serif !important;   font-size:14px;   font-weight:700; } .a-modal-confirm {   width:100%;   height:44px;   background-color:#1E8AC2 !important;   color:#FFFFFF !important;   border-radius:5px 5px 5px 5px;   font-family:"Poppins", Sans-serif !important;   font-size:14px;   font-weight:700;   border:none; } .a-modal-close:hover, .a-modal-confirm:hover {   background:transparent;   opacity:0.7;   transition:all 0.5s ease; } .a-modal-buttons {   display:flex;   align-items:center;   justify-content:space-between;   gap:16px; } @media screen and (max-width:500px) {   .a-modal-buttons {  flex-flow:column-reverse;   } } .a-modal-content p {   color:#000;   font-family:"Poppins", Sans-serif!important;   font-size:22px;   font-weight:500;   text-align:center;   margin-bottom:32px; } @media screen and (max-width:768px) {   .a-modal-content p {  font-size:18px;   } } .a-modal-overlay {   position:fixed;   top:0;   left:0;   width:100%;   height:100%;   background:#000;   z-index:99;   transition:all 0.5s ease;   visibility:hidden;   opacity:0; } .a-modal-overlay.active {   transition:all 0.5s ease;   visibility:visible;   opacity:0.4; } body.active {   overflow:hidden; }