/* Draw the cross at the geometric centre, independent of font glyph baselines.
   Keep the button's background colour, shape, position, hit area and aria-label. */
button:is([data-i18n-aria-label="common.close"], [data-loyalty-close], [data-remove-promotion-group], [data-role="lenten-collapse"], #checkout-bonus-clear) {
  /* Retain the glyph's layout box for buttons with intrinsic dimensions. */
  -webkit-text-fill-color:transparent;
  background-image:
    linear-gradient(45deg,transparent calc(50% - .85px),currentColor calc(50% - .85px),currentColor calc(50% + .85px),transparent calc(50% + .85px)),
    linear-gradient(-45deg,transparent calc(50% - .85px),currentColor calc(50% - .85px),currentColor calc(50% + .85px),transparent calc(50% + .85px));
  background-size:var(--close-icon-size,18px) var(--close-icon-size,18px);
  background-position:center;
  background-repeat:no-repeat;
}
button[data-remove-promotion-group] { --close-icon-size:12px; }
button#checkout-bonus-clear { --close-icon-size:14px; }
@media(forced-colors:active) {
  button:is([data-i18n-aria-label="common.close"], [data-loyalty-close], [data-remove-promotion-group], [data-role="lenten-collapse"], #checkout-bonus-clear) {
    forced-color-adjust:none;
    background-color:ButtonFace;
    color:ButtonText;
  }
}