.quiz-whatsapp-btn{display:inline-flex;align-items:center;gap:8px;margin-top:14px;background:#25d366;color:#fff;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s ease}.quiz-card:hover .quiz-whatsapp-btn{background:#1ebe5d}.layout-new-quiz{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.layout-new-quiz>*{flex:0 0 150px}.layout-new-quiz>.quiz-item-product{flex:0 0 93%}.quiz-heading-spacing{margin-bottom:55px}.quiz-card{background-color:var(--quiz-card-bg);border:1px solid var(--quiz-card-border-color);border-radius:var(--quiz-card-border-radius);display:flex;flex-direction:column;cursor:pointer;text-decoration:none;align-items:center}.quiz-card:hover,.quiz-card.active{border-color:var(--quiz-active-card-border-color)}.quiz-card img{padding:5px;border-radius:inherit;object-fit:cover;height:100%}.quiz-card .quiz-card-heading{font-size:20px;color:var(--quiz-card-text-color);font-weight:500;padding:9px 5px}.quiz-card *{pointer-events:none}new-quiz li.active:has(>.quiz-child>ul>li>.quiz-reset)>.quiz-child>.quiz-back,.quiz-running .quiz-modal-heading,new-quiz .quiz-child.hide-heading>.quiz-heading,new-quiz .quiz-child.hide-heading>.quiz-back,new-quiz li.active>.quiz-card,new-quiz ul.active>li:not(.active){display:none}.quiz-child{position:fixed;top:0;width:100%;left:0;right:0;bottom:0;display:none;flex-direction:column;justify-content:center}new-quiz li.active>.quiz-child{display:flex}.quiz-back{position:fixed;top:24px;left:24px;cursor:pointer}.quiz-card-price{margin-top:0}.quiz-child .quiz-heading{max-width:1122px;margin-left:auto;margin-right:auto}.quiz-progress-wrapper{width:100%;padding:10px 0}.quiz-progress-bar{width:100%;height:6px;background:#e5e5e5;border-radius:10px;overflow:hidden}.quiz-progress-fill{height:100%;width:0%;background:#6667aa;transition:width .3s ease}@media(min-width:750px){.layout-new-quiz{gap:40px}.layout-new-quiz>*{flex:0 0 260px}.layout-new-quiz>.quiz-item-product{flex:0 0 480px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/new-quiz-card.css.map */