Esse foi um jeito que eu achei de resolver
HTML
<a href="#" class="btn btn-primary botao-lilas rouded-0 border-0">Ver mais</a>
CSS
.botao-lilas{
background-color: #9353FF !important;
}
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Esse foi um jeito que eu achei de resolver
HTML
<a href="#" class="btn btn-primary botao-lilas rouded-0 border-0">Ver mais</a>
CSS
.botao-lilas{
background-color: #9353FF !important;
}
Olá, Ricardo!
Que legal que você encontrou uma solução para personalizar o botão com a cor lilás! A maneira como você aplicou a classe CSS .botao-lilas para definir a cor de fundo está correta e é uma prática comum quando queremos usar cores personalizadas que não estão disponíveis nas classes padrão do Bootstrap e a propriedade !important garante que sua cor personalizada sobreponha qualquer outra regra de estilo que o Bootstrap possa aplicar.
Obrigado por compartilhar o código! Conte com o fórum sempre que precisar.
Abraços :)