ponto-magia-ajuste-checkout.css

:root {
  /* Cartão */
  --Cartao__Borda__Cor: #0073b6;
  --Cartao__Texto_01: "APROVAÇÃO IMEDIATA";
  --Cartao__Texto_01_Fundo__Cor: #0073b6;
  --Cartao__Texto_01_Letra__Cor: #ffffff;

  --Cartao__Espacamento_entre_Textos: 30px;

  --Cartao__Texto_02__Exibir: block; /* none ou block */
  --Cartao__Texto_02: "5%";
  --Cartao__Texto_02_Fundo__Cor: #6700b6;
  --Cartao__Texto_02_Letra__Cor: #ffffff;

  /* Pix */
  --Pix__Borda__Cor: #00b69d;
  --Pix__Texto_01: "APROVAÇÃO IMEDIATA";
  --Pix__Texto_01_Fundo__Cor: #00b69d;
  --Pix__Texto_01_Letra__Cor: #ffffff;

  --Pix__Espacamento_entre_Textos: 112px;

  --Pix__Texto_02__Exibir: block; /* none ou block */
  --Pix__Texto_02: "10% DE DESCONTO";
  --Pix__Texto_02_Fundo__Cor: #e02500;
  --Pix__Texto_02_Letra__Cor: #ffffff;

  /* Boleto */
  --Boleto__Borda__Cor: #a2a2a2;
  --Boleto__Texto_01: "APROVAÇÃO EM 3 DIAS";
  --Boleto__Texto_01_Fundo__Cor: #a2a2a2;
  --Boleto__Texto_01_Letra__Cor: #ffffff;

  --Boleto__Espacamento_entre_Textos: 0;

  --Boleto__Texto_02__Exibir: none; /* none ou block */
  --Boleto__Texto_02: "15%";
  --Boleto__Texto_02_Fundo__Cor: #0a504a;
  --Boleto__Texto_02_Letra__Cor: #ffffff;
}

/* Base */

.payments .payment > label {
  position: relative;
  display: flex;
}

.payments .payment > label:after {
  display: block;
  line-height: inherit;
  padding: 4px 5px;
  border-radius: 3px;
  position: absolute;
  font-weight: 700;
  right: 10px;
  font-size: 10px;
  letter-spacing: 0.03em;
  top: 26%;
}
.payments .payment > label:before {
  display: block;
  line-height: inherit;
  padding: 4px 5px;
  border-radius: 3px;
  position: absolute;
  font-weight: 700;
  right: 10px;
  font-size: 10px;
  letter-spacing: 0.03em;
  top: 26%;
  content: "5%";
}

/* Cartão */
.payments .payment.credit-card {
  border-color: var(--Cartao__Borda__Cor) !important;
}

.payments .payment > label[for="payment-credit-card"]:before,
.payments .payment > label[for="payment-credit-card"]:after {
  top: 16%;
}
.payments .payment > label[for="payment-credit-card"]:after {
  background: var(--Cartao__Texto_01_Fundo__Cor) !important;
  color: var(--Cartao__Texto_01_Letra__Cor) !important;
  content: var(--Cartao__Texto_01);
  margin-right: var(--Cartao__Espacamento_entre_Textos);
}
.payments .payment > label[for="payment-credit-card"]:before {
  display: var(--Cartao__Texto_02__Exibir);
  background: var(--Cartao__Texto_02_Fundo__Cor) !important;
  color: var(--Cartao__Texto_02_Letra__Cor) !important;
  content: var(--Cartao__Texto_02);
}

/* Pix */

.payments .payment.pix {
  border-color: var(--Pix__Borda__Cor) !important;
}

.payments .payment > label[for="payment-pix"]:after {
  background: var(--Pix__Texto_01_Fundo__Cor) !important;
  color: var(--Pix__Texto_01_Letra__Cor) !important;
  content: var(--Pix__Texto_01);
  margin-right: var(--Pix__Espacamento_entre_Textos);
}
.payments .payment > label[for="payment-pix"]:before {
  display: var(--Pix__Texto_02__Exibir);
  background: var(--Pix__Texto_02_Fundo__Cor) !important;
  color: var(--Pix__Texto_02_Letra__Cor) !important;
  content: var(--Pix__Texto_02);
}

/* Boleto */
.payments .payment.billet {
  border-color: var(--Boleto__Borda__Cor) !important;
}

.payments .payment > label[for="payment-billet"]:after {
  background: var(--Boleto__Texto_01_Fundo__Cor) !important;
  color: var(--Boleto__Texto_01_Letra__Cor) !important;
  content: var(--Boleto__Texto_01);
  margin-right: var(--Boleto__Espacamento_entre_Textos);
}

.payments .payment > label[for="payment-billet"]:before {
  display: var(--Boleto__Texto_02__Exibir);
  background: var(--Boleto__Texto_02_Fundo__Cor) !important;
  color: var(--Boleto__Texto_02_Letra__Cor) !important;
  content: var(--Boleto__Texto_02);
}

/* Removendo label padrão */

.holder-cols-checkout .payments .payment-header .discount-flag {
  display: none;
}