.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center}.popup-content{background:#fff;display:flex;width:700px;height:500px;border-radius:8px;overflow:hidden;position:relative;flex-direction:row}.close-btn{position:absolute;top:20px;right:20px;background:none;border:none;font-size:20px;cursor:pointer;color:#000}.popup-left img{width:100%;height:100%;object-fit:cover}.popup-right{padding:20px;display:flex;flex-direction:column;justify-content:center;text-align:left;flex:1}.popup-heading{font-size:2rem;font-weight:400;margin-bottom:10px;font-family:Mundial Regular;color:#000;line-height:2rem}.popup-subheading{font-size:1.2rem;color:#666;margin-bottom:20px}.button-container{display:flex;flex-direction:column;gap:10px;width:100%}.popup-button{padding:10px 20px;font-size:1.2rem;border:none;cursor:pointer;font-family:Mundial Light;border-radius:5px;width:100%;max-width:250px;align-self:center}.primary-btn{background-color:#000;color:#fff}.secondary-btn{background-color:#fff;color:#000;border:1px solid #000}.secondary-btn:hover{background-color:#000;color:#fff}@media (max-width: 1024px){.popup-content{width:80%;height:auto;flex-direction:column}.popup-left,.popup-right{width:100%;height:auto}.popup-right{margin-bottom:20px}.popup-left img{height:200px}.close-btn{color:#fff}.popup-heading{font-size:1.75rem;text-align:center}.popup-subheading{font-size:1.2rem;text-align:center}.popup-button{font-size:1.2rem;padding:10px 20px}}@media (max-width: 768px){.popup-content{width:90%;height:auto;flex-direction:column}.popup-left,.popup-right{width:100%;height:auto}.popup-left img{height:150px}.close-btn{color:#fff}.popup-heading{font-size:1.5rem}.popup-subheading{font-size:1.1rem}.popup-button{font-size:1.1rem;padding:8px 16px;max-width:200px}.popup-right{padding:10px}}@media (max-width: 480px){.popup-content{width:95%;height:auto;flex-direction:column}.popup-left{display:none}.popup-right{width:100%;padding:20px}.close-btn{color:#fff}.popup-heading{font-size:1.5rem}.popup-subheading{font-size:1.1rem}.popup-button{font-size:1.1rem;padding:8px 16px;width:100%;max-width:none}.close-btn{color:#000}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/quiz-popup.css.map */