.container{max-width:800px;margin:0 auto;text-align:center}.container .popup-btn{cursor:pointer;border:none;padding:12px 24px;border-radius:16px;color:#333;background-color:#eee;font-weight:600;box-shadow:0 0 4px #0000004d;display:block;margin:0 auto;width:180px}.container .popup-btn:hover{opacity:.5}.container .popup{position:fixed;bottom:-100%;left:50%;transform:translate(-50%);z-index:1001;opacity:0;visibility:hidden;transition:all 1s ease;max-width:90%;max-height:90%}.container .popup img{width:100%}.container .popup.active{opacity:1;visibility:visible;bottom:20px;transform:translate(-50%)}@keyframes popupShowHide{0%{opacity:0;transform:translate(-50%) translateY(100%)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(100%)}}.container .popup-content{background:linear-gradient(45deg,#d4fc79,#96e6a1);padding:30px;border-radius:25px;text-align:center;font-size:3rem;position:relative;min-width:300px;box-shadow:0 20px 40px #667eea4d;border:2px solid rgba(255,255,255,.2);animation:floatingAction 3s ease-in-out infinite}@keyframes floatingAction{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.container .popup-content:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:27px;z-index:-1;animation:borderRotate 4s linear infinite}@keyframes borderRotate{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.container .popup-content p:first-child{font-size:24px;font-weight:700;margin-bottom:15px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:textPulse 2s ease-in-out infinite}@keyframes textPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.container .popup-content p:last-of-type{font-size:16px;color:#ffffffe6;margin-bottom:25px;line-height:1.6}.modal_popup{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;opacity:0;visibility:hidden;transition:.6s}.modal_popup.is-show{opacity:1;visibility:visible}.modal_popup .container{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;max-width:600px;padding:50px;background-color:#fff;z-index:2}.modal_popup img{width:100%}.modal-close-btn{position:absolute;right:0;top:0;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;font-size:1.5rem}.bg-popup{display:block!important;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000c;z-index:1;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/13/assets/popup.css.map */