/* Matching native76r3 purchase actions; the mode remains visible on both CTAs. */
.mode-commerce .commerce-cta76r3[data-commerce-icon],.commerce-product button.primary.commerce-cta76r3{
 display:flex!important;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:52px;padding:11px 10px;
 background:#111713!important;color:var(--commerce-ink,#dec28c)!important;border:1.4px solid var(--commerce-ink,#dec28c)!important;
 border-radius:5px;box-shadow:none!important;font:600 14px/1.35 system-ui,sans-serif!important;text-align:center;text-decoration:none;box-sizing:border-box;
}
.mode-commerce .commerce-cta76r3[data-commerce-icon]:hover,.commerce-product button.primary.commerce-cta76r3:hover{background:#111713!important;box-shadow:inset 0 0 0 .5px var(--commerce-ink,#dec28c)!important}
.commerce-cta76r3:focus-visible{outline:2px solid var(--commerce-ink,#dec28c);outline-offset:3px}
.commerce-cta76r3 svg{flex:0 0 18px;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.commerce-cta76r3 .commerce-cta-label{min-width:0;overflow-wrap:normal}
.commerce-cta76r3:disabled{opacity:.55}