CSS Alterando cores com CSS

[Andersu]

Fala pessoal, estou estudando um code que vi no codepen, mas estou tendo dificuldades de achar uma cor em especifica, a cor do texto KAYAKING // CAMPING.

Consigo alterá-las pelo código, mas sempre que uma tá selecionada, a outra fica de outra cor. Parece um tipo de espelho, altero uma cor e a selecionada vai pra outra cor totalmente aleatória no qual não consigo achar no código. Alguém sabe o porque?

Link: https://codepen.io/ig_design/pen/VwedgWj

Já alterei a cor pelo código hex. E estou estudando o projeto aberto no visual code.

 

Parte do código que altero 

}
  .pricing:checked + label,
  .pricing:not(:checked) + label{
  position: relative;
  display: block;
  text-align: center;
  width: 260px;
  height: 44px;
  border-radius: 6px;
  padding: 0;
  margin: 0 auto;
  cursor: pointer;
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 44px;
  padding: 0 25px;
  padding-right: 27px;
  overflow: hidden;
  color: #ffffff;
  text-align: left;
  }

 

 

[DiF]

@Andersu Acredito que o efeito que você quer fazer é este: Curtain effect.

 

https://css-tricks.com/css-raise-the-curtains-effect/

 

Veja o segundo exemplo “Raise the Curtains”   Basicamente alterna a cor do texto quando rola o scroll.

[Andersu]

Isso! Só que neste código só mostra uma cor que dá para alterar, que seria a cor normal, quando o "botão" está ativo, ele mostra outra cor que não tem como alterá-la.