.s-collection-quiz-banner{--s-cqb-radius: 8px;--s-cqb-orange: #e98044;--s-cqb-orange-hover: #99532c;--s-cqb-text: #1f1f1f;--s-cqb-font-heading: var(--font-heading, "Libre Baskerville", Georgia, serif);--s-cqb-font-mono: var(--font-body-secondary, "Apercu Mono Pro", monospace);display:block;width:100%;grid-column:1 / -1}.s-collection-quiz-banner__link{display:block;position:relative;overflow:hidden;border-radius:var(--s-cqb-radius);text-decoration:none;color:inherit;width:100%;aspect-ratio:370 / 160}.s-collection-quiz-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.s-collection-quiz-banner__media img{display:block;width:100%;height:100%;object-fit:cover}.s-collection-quiz-banner__content{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;left:27px;top:0;bottom:0;margin-block:auto;max-width:calc(100% - 54px)}.s-collection-quiz-banner__title,.s-collection-quiz-banner__title p{margin:0;color:var(--s-cqb-text);font-family:var(--s-cqb-font-heading);font-size:18px;font-weight:400;line-height:22px;text-align:center}.s-collection-quiz-banner__title em{font-style:italic}.s-collection-quiz-banner__cta{display:flex;align-items:center;justify-content:center;width:159px;padding:14px;border-radius:3.5px;background:var(--s-cqb-orange);color:#fff;font-family:var(--s-cqb-font-mono);font-size:16px;font-weight:400;line-height:normal;text-transform:uppercase;text-align:center;transition:background-color .3s ease}.s-collection-quiz-banner__link:hover .s-collection-quiz-banner__cta,.s-collection-quiz-banner__link:focus-visible .s-collection-quiz-banner__cta{background-color:var(--s-cqb-orange-hover)}.s-collection-quiz-banner__link:focus-visible{outline:2px solid var(--s-cqb-orange);outline-offset:2px}@media screen and (min-width:768px){.s-collection-quiz-banner{grid-column:auto;align-self:stretch;display:flex;flex-direction:column;height:100%}.s-collection-quiz-banner__link{flex:1;height:100%;min-height:0;aspect-ratio:auto}.s-collection-quiz-banner__content{left:27px;right:27px;top:auto;bottom:27px;transform:none;gap:20px;width:auto}.s-collection-quiz-banner__title,.s-collection-quiz-banner__title p{font-size:24px;line-height:28px}.s-collection-quiz-banner__cta{width:100%;padding:15px;border-radius:3.75px}}.s-product-card__price-container{margin-top:auto}
/*# sourceMappingURL=/cdn/shop/t/207/assets/collection-quiz-banner.css.map */