body:is(.woocommerce-cart, .woocommerce-checkout) #brx-content :is( h1, .ap-more-themes, .wp-block-woocommerce-cart, .wp-block-woocommerce-checkout ) { width: calc(100% - 2 * var(--space-m)); max-width: 100rem; margin-inline: auto; }  body:is(.woocommerce-cart, .woocommerce-checkout) #brx-content { padding-block: var(--space-3xl); }  body.woocommerce-cart #brx-content > h1, body.woocommerce-checkout #brx-content > h1 { font-size: var(--h2); }  .article-cta { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-s); padding: var(--space-xl); background: var(--brand-50); border-radius: var(--radius-xs); box-shadow: 0 var(--radius-s) 0 var(--accent); }  .article-cta::before { content: "✳"; position: absolute; right: -0.1em; bottom: -0.25em; color: var(--accent); font-family: Arial, sans-serif; font-size: calc(var(--h1) * 2); line-height: 1; opacity: 0.45; transform: rotate(-12deg); pointer-events: none; }  .article-cta > * { position: relative; z-index: 1; margin-block: 0 !important; }  .article-cta > p { max-inline-size: var(--measure-m); color: var(--on-brand); line-height: var(--line-height-relaxed); }  .article-cta .article-cta__title { max-inline-size: 27ch; font-size: var(--h3); font-weight: var(--font-weight-bold); line-height: var(--line-height-tight); letter-spacing: -0.03em; }  .article-cta .article-cta__lead { color: var(--brand-300); font-size: var(--text-l); font-weight: var(--font-weight-semibold); line-height: var(--line-height-snug); }  .article-cta .article-cta__action { margin-top: var(--space-xs) !important; max-inline-size: none; }  .article-cta .article-cta__action a, .article-cta .wp-block-button__link { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; max-width: 100%; padding: 0.75em 1.25em; background: var(--accent); color: var(--brand); border: 2px solid var(--on-brand); border-radius: var(--radius-s); box-shadow: 0 var(--radius-xs) 0 var(--on-brand); font-size: var(--text-s); font-weight: var(--font-weight-bold); line-height: 1.3; letter-spacing: 0.03em; text-transform: uppercase; text-decoration: none; transition: transform var(--transition-s), box-shadow var(--transition-s); } .article-cta .article-cta__action a:hover, .article-cta .wp-block-button__link:hover { transform: translateY(var(--radius-xs)); box-shadow: none; color: var(--brand); } .article-cta .article-cta__action a:focus-visible, .article-cta .wp-block-button__link:focus-visible { outline: 3px solid var(--on-brand); outline-offset: 5px; }  @media (max-width: 767px) { .article-cta { padding: var(--space-l); box-shadow: 0 var(--radius-xs) 0 var(--accent); } .article-cta::before { font-size: calc(var(--h1) * 1.5); opacity: 0.25; } .article-cta .article-cta__action { width: 100%; } .article-cta .article-cta__action a, .article-cta .wp-block-button__link { width: 100%; } } @media (prefers-reduced-motion: reduce) { .article-cta .article-cta__action a, .article-cta .wp-block-button__link { transition: none; } }