Hola Marcelo, espero que estés bien
Parece que estás teniendo problemas con el estilo CSS de tu botón. Vamos a revisar algunos puntos que podrían estar causando el problema:
Color del texto: Asegúrate de que el color del texto se esté aplicando correctamente. Veo que has especificado color: #f6f6f6;
, lo cual debería funcionar si no hay otros estilos que lo sobrescriban. Verifica en la consola del navegador si este estilo está siendo aplicado o si hay otro que lo está reemplazando.
Alineación del logo y texto: Estás utilizando display: flex;
y justify-content: center;
, lo cual debería centrar el contenido horizontalmente. Sin embargo, para alinear el logo y el texto verticalmente, podrías necesitar añadir align-items: center;
a tu contenedor flex.
Error de sintaxis: Veo que falta un punto y coma después de border: 2px solid #22D4FD
. Esto podría estar causando que las propiedades siguientes no se apliquen correctamente. Asegúrate de corregirlo así:
border: 2px solid #22D4FD;
Fuente duplicada: Has especificado la fuente dos veces, una como "Montserrat", serif;
y otra como 'Motserrat', sans-serif;
. Asegúrate de que el nombre de la fuente esté escrito correctamente y elimina la duplicación para evitar confusiones.
Aquí tienes un ejemplo corregido de tu código CSS:
.presentacion_enlaces_link {
width: 378px;
text-align: center;
padding: 21.5px 0;
border-radius: 8px;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 600;
text-decoration: none;
color: #f6f6f6;
border: 2px solid #22D4FD;
display: flex;
justify-content: center;
align-items: center;
}
Espero que estos ajustes te ayuden a solucionar el problema. ¡Espero haber ayudado y buenos estudios!