Hagamos lo que hicimos | HTML y CSS: Clases, Posicionamiento y Flexbox | Alura Latam

¡Hola Nini, espero que estés bien!

Para abordar cada uno de los puntos que mencionas, aquí tienes algunas sugerencias:

Espaciado y tamaño de los botones:
- Asegúrate de que los botones tengan un margen adecuado entre ellos. Puedes usar algo como margin: 10px; en el CSS de los botones para crear espacio.
- Ajusta el tamaño con width y height para que se vean proporcionados.
Mejorando la visibilidad de los botones:
- Puedes aumentar el tamaño de la fuente con font-size: 16px; o más, según lo necesites.
- Cambia el color del texto y el fondo para que haya un buen contraste, por ejemplo, color: #fff; para el texto y background-color: #22D4FD; para el fondo.
- Agrega sombra con box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); para darle más profundidad.
Creando una clase común para botones:
- Crea una clase CSS, por ejemplo, .boton-comun, y aplica estilos comunes como color de fondo, tamaño de texto y bordes redondeados.
- Aplica esta clase a ambos botones.
Ajustando el espaciado interno de los botones:
- Usa padding para ajustar el espacio interno. Algo como padding: 10px 20px; puede funcionar bien.

Importando y aplicando la fuente correcta:

Asegúrate de importar la fuente Montserrat en el <head> de tu HTML:

<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap" rel="stylesheet">

Luego, aplica la fuente a los botones:

.boton-comun {
    font-family: 'Montserrat', sans-serif;
}

Espero que estas sugerencias te sean útiles y puedas aplicarlas a tu proyecto. ¡Bons estudos!