haga lo que hicimos

¡Hola Marcelo, espero que estés bien!

Veo que estás trabajando en los estilos CSS para tus botones. Parece que tienes varias reglas CSS aplicadas a la clase .button, y algunas de ellas pueden estar sobrescribiéndose entre sí. Aquí tienes algunas sugerencias para organizar y mejorar tu código:

1. Consolidar reglas repetidas: Tienes varias definiciones para .button. Sería útil consolidarlas en una sola regla para evitar confusiones y sobreescrituras no deseadas. Por ejemplo:

.button {
    display: inline-block;
    padding: 14px 28px; /* Usando el último valor que has proporcionado */
    margin: 8px;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    color: #b91313; /* Usando el último valor que has proporcionado */
    background-color: #0073e6;
    border: none;
    transition: all 0.3s ease;
    box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.2);
    font-family: 'Montserrat', sans-serif;
    text-decoration: none;
}

.button:hover {
    background-color: #005bb5;
    box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3);
}

1. Revisar la clase .button-common: Si deseas que todos los botones compartan ciertas características, puedes aplicar .button-common junto con .button en el HTML. Asegúrate de que las propiedades que deseas que prevalezcan estén correctamente definidas.

2. Importación de fuentes: La importación de la fuente está correcta. Asegúrate de que el navegador está cargando la fuente como esperas.

3. Verificar el orden de las reglas: El orden en que defines las reglas CSS importa. Asegúrate de que las reglas que deseas que tengan prioridad estén definidas al final.

Espero que estas sugerencias te sean útiles para organizar y optimizar tus estilos CSS. ¡Bons estudios!