.collection-promo-banner{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:var(--promo-radius, var(--border-8));text-decoration:none;padding:22px;min-height:240px;align-self:stretch;cursor:pointer;height:100%}.collection-promo-banner__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:inherit;background-color:var(--color-gray-100)}.collection-promo-banner__image,.collection-promo-banner__placeholder{width:100%;height:100%;object-fit:cover;display:block}.collection-promo-banner__image--mobile{display:none}@media screen and (max-width:749px){.collection-promo-banner__image--desktop{display:none}.collection-promo-banner__image--mobile{display:block}}.collection-promo-banner__overlay{position:absolute;top:0;right:0;bottom:0;left:0}.collection-promo-banner__content{position:relative;display:flex;flex-direction:column;gap:16px;align-items:flex-start}.collection-promo-banner__label{display:inline-flex;align-items:center;justify-content:center;color:rgba(var(--color-foreground));background:var(--promo-block-label-bg);font-size:11px;font-weight:var(--weight-bold-800);line-height:1.2;letter-spacing:-.01em;padding:4px 8px 5px;border-radius:5px;text-transform:uppercase;white-space:nowrap}.collection-promo-banner__heading{font-size:var(--h5-size-desktop);font-weight:var(--weight-bold-800);line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;margin:0;word-break:break-word}.collection-promo-banner__btn{display:inline-flex;align-items:center;justify-content:space-between;padding:11px 12px;font-size:var(--text-12-size);font-weight:var(--weight-bold-800);line-height:1.5;letter-spacing:.01em;text-transform:uppercase;white-space:nowrap;transition:var(--transition-default)}.collection-promo-banner:hover .collection-promo-banner__btn{background:#c94a0e}.collection-promo-banner__btn-icon{display:flex;align-items:center;flex-shrink:0;width:14px;height:14px}.collection-promo-banner__btn-icon .icon-arrow{width:14px;height:10px;fill:currentColor;color:#fff}@media(min-width:750px){.collection-promo-banner__btn{min-width:160px}}@media screen and (max-width:749px){.collection-promo-banner{padding:20px;min-height:200px}.collection-promo-banner__label{font-size:10px;padding:2.7px 4px;border-radius:3px}.collection-promo-banner__heading{font-size:20px;line-height:1.14;letter-spacing:-.01em}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/component-collection-promo-banner.css.map */