/* Hors cadre: use the existing palette and button style, with a clear purchase action. */
.game-purchase{margin-block:34px 40px;padding:24px;background:var(--soft);max-width:100%;overflow-wrap:break-word}
.game-purchase h2{margin:0 0 16px!important;font-size:clamp(1.65rem,3vw,2.15rem)!important}
.game-purchase .game-price{font-size:1.45rem;font-weight:600;margin:0}
.game-price span{font-size:.9rem;font-weight:400;display:inline-block}
.game-purchase .square-buy-link,.game-purchase-compact .square-buy-link{background:var(--green);border-color:var(--green);color:var(--paper);max-width:100%;min-height:48px;justify-content:center;text-align:center;line-height:1.5;margin-top:16px}
.game-purchase .square-buy-link:hover,.game-purchase-compact .square-buy-link:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.game-purchase .game-checkout-note,.game-purchase-compact .game-checkout-note{font-size:.82rem;margin-top:10px;color:var(--muted)}
.game-fulfilment{padding-left:1.15em;margin:22px 0 0;font-size:.92rem;line-height:1.65}
.game-fulfilment li+li{margin-top:8px}
.game-purchase-compact{margin-top:18px}
.game-purchase-compact>p:first-child{font-weight:600;color:var(--ink)}
@media(max-width:580px){.game-purchase{padding:20px;margin-block:28px}.game-purchase .square-buy-link{width:100%;padding-inline:12px}.game-price span{display:block;margin-top:4px}}
@media(forced-colors:active){.game-purchase .square-buy-link,.game-purchase-compact .square-buy-link{border:1px solid ButtonText}}