/* Keep the Mercado Pago mark and its status text in separate grid tracks. */
.payment-config-body .gateway-connection:has(> .mercado-pago-mark) {
  grid-template-columns: 128px minmax(0, 1fr) auto;
  column-gap: 16px;
}

.payment-config-body .gateway-connection > .mercado-pago-mark {
  width: 118px;
  min-width: 0;
}

.payment-config-body .gateway-connection > .mercado-pago-mark img {
  display: block;
  max-width: 100%;
}

.payment-config-body .gateway-connection > .mercado-pago-mark + div {
  min-width: 0;
  line-height: 1.35;
}

@media (max-width: 600px) {
  .payment-config-body .gateway-connection:has(> .mercado-pago-mark) {
    grid-template-columns: 118px minmax(0, 1fr);
  }

  .payment-config-body .gateway-connection:has(> .mercado-pago-mark) > button {
    grid-column: 1 / -1;
    width: 100%;
  }
}