.custom-pill-banner{--cpb-bg: #fffaf4;--cpb-text: #ffffff;--cpb-overlay: .15;--cpb-radius: 999px;--cpb-height-mobile: 120px;--cpb-height-desktop: 142px;--cpb-title-size-desktop: 22px;--cpb-padding-top: 40px;--cpb-padding-bottom: 40px;background-color:var(--cpb-bg);padding-top:55px;padding-bottom:55px}.custom-pill-banner__link{display:block;color:inherit;text-decoration:none}.custom-pill-banner__panel{position:relative;display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;min-height:var(--cpb-height-mobile);overflow:hidden;background-color:#8a4a2b;border-radius:var(--cpb-radius);color:var(--cpb-text)}.custom-pill-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.custom-pill-banner__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.custom-pill-banner__media--desktop{display:none}.custom-pill-banner__panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;opacity:var(--cpb-overlay);pointer-events:none}.custom-pill-banner__inner{position:relative;z-index:2;box-sizing:border-box;padding:16px 0;text-align:center}.custom-pill-banner__title{margin:0;font-family:Axiforma;font-weight:375;font-size:20px;line-height:normal;letter-spacing:0;text-align:center;color:var(--cpb-text)}.custom-pill-banner__title p{margin:0}.custom-pill-banner__title em,.custom-pill-banner__title i{font-family:PP Editorial New,Georgia,serif;font-style:italic;font-weight:400}.custom-pill-banner__link:focus-visible .custom-pill-banner__panel{outline:2px solid var(--cpb-text);outline-offset:3px}@media screen and (min-width:769px){.custom-pill-banner{padding-top:var(--cpb-padding-top);padding-bottom:var(--cpb-padding-bottom)}.custom-pill-banner__panel{min-height:var(--cpb-height-desktop);height:var(--cpb-height-desktop)}.custom-pill-banner__media--desktop{display:block}.custom-pill-banner__media--mobile{display:none}.custom-pill-banner__media:not(.custom-pill-banner__media--desktop):not(.custom-pill-banner__media--mobile){display:block}.custom-pill-banner__title{font-size:var(--cpb-title-size-desktop)}}@media screen and (max-width:749px){h2.custom-pill-banner__title br{display:none}.custom-pill-banner__inner{padding:15px 30px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/custom-pill-banner.css.map */
