.action-banner-wrapper{margin-block:1.25rem;container-type:inline-size}.action-banner{--action-banner-accent: var(--btn-1-bg);--action-banner-bg: color-mix(in srgb, var(--action-banner-accent) 5%, var(--bg-white));--action-banner-lift: -1px;position:relative;isolation:isolate;display:grid;grid-template-columns:2.4rem minmax(0,1fr);align-items:start;gap:1.2rem;width:100%;padding:1.6rem;border-radius:.4rem;background:var(--action-banner-bg);color:var(--color-text);transition:transform var(--duration-short) var(--button-transition-ease)}.action-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;box-shadow:var(--shadow-md, var(--geometric-shadow-certainty));opacity:0;pointer-events:none;transition:opacity var(--duration-short) var(--button-transition-ease)}.action-banner:focus-within{transform:translateY(var(--action-banner-lift))}.action-banner:focus-within:before{opacity:1}@media(hover:hover)and (pointer:fine){.action-banner-wrapper:hover .action-banner{transform:translateY(var(--action-banner-lift))}.action-banner-wrapper:hover .action-banner:before{opacity:1}}.action-banner__icon{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:var(--action-banner-accent)}.action-banner__symbol,.action-banner__arrow{display:block;flex-shrink:0;fill:none;stroke:currentColor;transition:none}.action-banner__symbol{width:2.4rem;height:2.4rem;stroke-width:1.5}.action-banner__arrow{width:1.6rem;height:1.6rem;stroke-width:1.75}.action-banner__text{min-width:0;font-size:1.4rem;font-weight:var(--font-weight-normal);line-height:1.55;color:var(--color-text);margin:0}.action-banner__heading{display:block;margin-block-end:.3rem;font-weight:var(--font-weight-semibold)}.action-banner__value{font-weight:var(--font-weight-bold);white-space:nowrap;font-variant-numeric:tabular-nums}.action-banner__button{grid-column:2;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;max-width:100%;min-height:4.4rem;padding:1rem 1.4rem;font-family:inherit;font-size:1.3rem;font-weight:var(--font-weight-semibold);line-height:1.4;text-align:start;color:var(--btn-1-color);background:var(--action-banner-accent);border:none;border-radius:.4rem;cursor:pointer;text-decoration:none}.action-banner__button:hover{color:var(--btn-1-color-hover, var(--btn-1-color));background:var(--btn-1-bg-hover, var(--action-banner-accent))}.action-banner__button:focus-visible{outline:2px solid var(--action-banner-accent);outline-offset:3px}.action-banner__button:active{transform:translateY(1px)}@container (min-width: 576px){.action-banner{grid-template-columns:2.4rem minmax(0,1fr) auto;column-gap:1.4rem;padding:1.8rem}.action-banner__button{grid-column:3;grid-row:1;align-self:center}}@media(prefers-reduced-motion:reduce){.action-banner{--action-banner-lift: 0px}.action-banner,.action-banner:before{transition:none}.action-banner__button:active{transform:none}}@media print{.action-banner-wrapper{display:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/component-action-banner.css.map */