.xo-product-info-content xo-animate:has(.xo-product-info-content__price){display:inline-flex;align-items:center;vertical-align:middle}.xo-product-info-content xo-animate:has(.xo-product-info-content__price)+xo-animate:has(.product-promo){display:inline-flex;align-items:center;vertical-align:middle;margin-left:6px}.product-promo{line-height:1;overflow:visible}.product-promo{--promo-offset-y: -.06em;display:inline-flex;align-items:center;line-height:1;overflow:visible;transform:translateY(var(--promo-offset-y));transition:transform .18s cubic-bezier(.16,1,.3,1);will-change:transform}.product-promo__banner{--r: .8em;position:relative;display:inline-block;padding-inline:calc(var(--r) + .3em);line-height:1.8;font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#cb5727;white-space:nowrap;width:fit-content;border:none;cursor:pointer;-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:transparent;clip-path:polygon(0 0,100% 0,calc(100% - var(--r)) 50%,100% 100%,0 100%,var(--r) 50%);padding-left:calc(var(--r) + 1em);padding-right:calc(var(--r) + 1em)}.product-promo{display:inline-flex;align-items:center;transition:transform .18s cubic-bezier(.16,1,.3,1);will-change:transform}.product-promo:hover{transform:scale(1.05)}.product-promo:active{transform:scale(.97)}.product-promo__banner{transition:box-shadow .18s ease}.product-promo:hover .product-promo__banner{box-shadow:0 6px 18px #0000002e,inset 0 0 0 1px #ffffff1f}@media(max-width:428px){.product-promo__banner{font-size:calc(var(--font-body-scale) * 1.2rem);padding-left:calc(var(--r) + .6em);padding-right:calc(var(--r) + .6em)}}@media(max-width:368px){.product-promo__banner{font-size:calc(var(--font-body-scale) * 1.1rem);padding-left:calc(var(--r) + .2em);padding-right:calc(var(--r) + .2em)}}@media(max-width:319px){.product-promo__banner{font-size:calc(var(--font-body-scale) * 1.2rem);padding-left:calc(var(--r) + .6em);padding-right:calc(var(--r) + .6em)}.xo-product-info-content xo-animate:has(.xo-product-info-content__price),.xo-product-info-content xo-animate:has(.xo-product-info-content__price)+xo-animate:has(.product-promo){display:block}.xo-product-info-content xo-animate:has(.xo-product-info-content__price)+xo-animate:has(.product-promo){margin-left:0;margin-top:12px}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/custom-promo-pdp-banner.css.map */