#popup__container{z-index:5000;width:100%}.popup{font-family:dearest;width:100%;max-width:25rem;background-color:red;color:#fff;position:fixed;display:flex;flex-direction:column;padding:1.5rem 1rem;border-radius:.5rem;scale:0.5;opacity:0;box-shadow:0 0 50px 5px rgba(0,0,0,.3);font-size:1.1rem;gap:1rem}.popup__header{display:flex;justify-content:space-between;align-items:center}.popup__header h4{font-size:1.5rem;flex:1}.popup__close-btn{color:#fff;background:0 0;border-radius:50%;border:none;font-size:1.3rem;width:36px;height:36px;align-self:flex-end}.popup__content a{font:inherit;position:relative;color:var(--link-color);font-weight:700;text-decoration:wavy}.popup__content a:hover{font:inherit;color:color-mix(in srgb,var(--link-color),transparent 10%)}.popup__content a::after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:var(--link-color);display:block;transition:all .3s ease-in-out}.popup.popup1{position:fixed;top:10%;left:-100%;transform:translate(-50%,-50%)}.popup.popup2{background-color:#449dd1}.popup.popup3{background-color:#008787}.popup.popup4{background-color:#143642}.popup__content .starting__soon-button{display:unset;padding:unset}.popup__clear-btn{background:red;border:none;font-size:1.3rem;width:36px;height:36px;align-self:flex-end;border-radius:50%;color:#fff;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;scale:0}@media screen and (max-width:1260px){.popup{height:10rem;max-width:27rem}}@media screen and (max-width:960px){.popup{height:8rem;max-width:20rem}}@media screen and (max-width:500px){.popup{height:fit-content;max-width:90%}}