/* One native button covers the entire card; the side chip is only its label.
   Bonus details are not connected yet, matching the existing prototype. */
.bonus{isolation:isolate;cursor:pointer}
.bonus-button::after{content:none}
.bonus-card-action{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;transition:none;-webkit-tap-highlight-color:transparent}
.bonus-card-action:active:not(:focus-visible){transform:none;box-shadow:inset 0 0 0 2px var(--orange)}
.bonus-card-action:focus-visible{outline:2px solid var(--ink);outline-offset:-3px}
.bonus:has(.bonus-card-action:focus-visible) .bonus-line{transform:scaleX(1);transition:none}
.bonus:has(.bonus-card-action:focus-visible,.bonus-card-action:active) .bonus-button{background:#f85122;color:var(--ink);transition:none}
@media(hover:hover) and (pointer:fine){.bonus:hover .bonus-button{color:var(--ink)}}