Mudar cor da fonte calculadora de frete

Bom dia!

Tudo certo?

Estamos com um ajuste a fazer na cor da fonte que apresenta na calculadora de frete, hoje não conseguimos visualizar o texto, pois a cor da fonte está escura:
image

Tem como mudar a cor da frase ali no texto, para a cor branca por exemplo?
Pode nos indicar como fazer ?

O ideal seria aparecer o texto conforme abaixo, com uma fonte de cor clara:
image

Bom dia, tudo bem?
A cor do até 3 dias úteis e do Grátis é a mesma, a diferença apenas é a largura da fonte. Uma é negrito e a outra não, quer que deixe a largura um pouco maior pra ficar mais claro e visível?

Tudo certo, e vc?

Então não é a cor da fonte em si, e sim o tamanho dela, isso?
Se sim, ajustar dessa maneira o texto ficar visível, como fazemos?

Abs!

É a largura no caso, porque o tamanho é o mesmo também. Coloque o código abaixo em Inserir Código > Editar CSS:

@media(min-width: 767px) {
.shipping-calculator__option .shipping-line {
  max-width: 50%
}
.shipping-calculator__option small {
  display: flex;
  justify-content: flex-end;
  max-width: 50%;
  line-height: 2
}  
}
  .shipping-calculator__option span {
    font-weight: 600
  }

Blz Matheus, nós inserimos no nosso editor CSS as linhas de código como indicou, porém estas somente quebraram o texto, ainda não ficou visivel para leitura, veja:
image

Ideal é que a fonte ficasse na cor dos demais textos em branco, e com a frase por extenso sem essa quebra de linha, exatamente assim quando fica selecionado o texto, por exemplo:
image

Tem como?

abs

Só colocar essa parte aqui:

.shipping-calculator__option span {
    font-weight: 600 !important
  }

Retira a anterior no caso.

certo, feito dessa maneira no editor, agora o texto aparece por extenso em uma linha somente, mas quando selecionado a cor fica invisivel para leitura ainda. Nesse caso inverter as cores do botão não seria uma melhor opção? Quando selecionar, a fonte toda ficar em branco, inclusive a frase:

frete sem selecionar
image

selecionando o frete:
image

.list-group-item-action.active .shipping-line > small {
color: #fff !important;
}