[Dúvida] Uso de class no css

Boa tarde

Tenho uma duvida ao tentar alterar a cor de fundo do Ver mais o mesmo não funcionou

html

<div class="card-body">
          <h5 class="card-title">Produto</h5>
          <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's
            content.</p>
          <p>R$30,00</p>
          <a href="#" class="btn btn-primary botao-lilas rounded-0 border-0">Ver mais</a>
</div>

CSS

.botao-lilas {
    background-color: #9353FF;
}

.verde-limao {
    color: #daff01;
}

form

  <form class="border border-secondary m-3 p-3 text-center div-novidades mx-auto">
        <h5>
            Quer receber nossas novidades, promoções exclusivas e 10% OFF na primeira
            compra? Cadastre-se!
        </h5>

        <div class="input-group my-3">
            <input type="email" class="form-control border-secondary rounded-0" placeholder="Digite seu e-mail"
                aria-label="Digite seu e-mail" aria-describedby="button-addon2" />
            <button class="botao-lilas" type="button" id="button-addon2">Enviar</button>
        </div>
    </form>

Fiz exatamente a mesma coisa para altera a cor do icones para verde e deu tudo certo porem o ver mais não conseguir, ao tentar usar a mesma class="botao-lilas" para o botão enviar ele ficou na cor correta poderia me ajudar por favor.