[MEJORA] Cambiar los colores de los botones. Sección Comunidad

Tarea a realizar
En página Home, en la sección Comunidad actualmente hay tres botones:

• Conocer a la comunidad
• Como ayudar?
• Código de Conducta

La mejora a realizar consiste en cambiar la presentación colorista de los mismos. Tanto los estilos base como los estilos en hover de cada botón.

¿Por qué se realizará?
El color amarillo no permite visualizar con claridad el titulo de cada botón. En pantallas con brillo alto o intensidad muy fuerte no se visualizará con claridad.

Recomendaciones
Actualmente los botones se ven así.

La sugerencia consiste en aplicar colores más oscuros en los estilos base del botón y mantener el color sólido del titulo en hover.

Para aplicar esta mejora del código css en src\components\UI\button\button.module.css. Se deben reescribir los estilos predeterminados del core css.

.button--secondary {
    color: #f7e018;
    background-color: transparent;
    border-color: #f7e018;
}

.button--secondary:hover {
    color: #737373;
    background-color: #f7e018;
    border-color: #f7e018;
}

src/components/UI/button/button.module.css を開き、Home ページにある 3 つの Community ボタンのデフォルトスタイルと hover スタイルを確認します。説明されているとおり、ベースカラーを暗くし、ホバー時にはタイトルカラーを単色にして、ボタンのラベルが読みやすいままになるようにボタンの色を更新します。3 つのボタンが両方の状態で提案された表示と一致すれば完了です。