Lo que aprendimos | HTML y CSS: Clases, Posicionamiento y Flexbox | Alura Latam

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
*{
padding: 0;
margin: 0;
}

body{
background-color: #000000;
color: #F6F6F6;
height: 100vh;
box-sizing: border-box;
}

titulo-destaque{
color: #22D4FD;
}

.presentacion{
display: flex;
align-items: center;
margin: 10%;
justify-content: space-between;
}

.presentacion_contenido{
width: 615px;
}

.presentacion_contenido_titulo{
font-size: 36px;
font-family: "Krona One", sans-serif;
}

.presentacion_contenido_texto{
font-family: "Montserrat", sans-serif;
font-size: 24px;
}

.presentacion_enlaces{
display: flex;
justify-content: space-between;
}

.presentacion_enlaces_link{
width: 280px;
background-color: #22D4FD;
text-align: center;
padding: 21.5px 0;
border-radius: 16px;
font-family: "Montserrat", sans-serif;
font-size: 24px;
font-weight: 600;
text-decoration: none;
color: #000000;

}

¡Hola Alisson, espero que estés bien!

Parece que estás trabajando en un proyecto donde necesitas ajustar el estilo de los botones utilizando CSS. Vamos a ver cómo puedes abordar los desafíos que mencionaste.

Espaciado y tamaño de los botones: Para ajustar el espaciado y el tamaño, puedes modificar las propiedades margin y padding de tus botones. Por ejemplo, si quieres que haya un espacio de 10px entre cada botón, puedes agregar margin-right: 10px; al último botón para evitar un espacio extra al final. Asegúrate de que el width y height de los botones se ajusten al diseño deseado.

Mejorando la visibilidad de los botones: Puedes aumentar el tamaño de la fuente con font-size y mejorar la visibilidad usando box-shadow o border. Por ejemplo:

.presentacion_enlaces_link {
    font-size: 26px; /* Aumenta el tamaño de la fuente */
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3); /* Añade sombra */
    border: 2px solid #ffffff; /* Añade un borde */
}

Creando una clase común para botones: Si tienes múltiples botones que deben compartir el mismo estilo, crea una clase CSS común:

.boton-comun {
    background-color: #22D4FD;
    font-family: "Montserrat", sans-serif;
    font-size: 24px;
    border-radius: 16px;
    color: #000000;
    text-decoration: none;
    padding: 21.5px 0;
    width: 280px;
    text-align: center;
}

Luego, aplica esta clase a tus botones de "Instagram" y "GitHub".

Ajustando el espaciado interno de los botones: Usa padding para ajustar el espacio interno:
```
.boton-comun {
    padding: 25px 15px; /* Ajusta según sea necesario */
}
```
Importando y aplicando la fuente correcta: Ya has importado la fuente Montserrat. Asegúrate de que se aplica correctamente a los botones:
```
.boton-comun {
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
}
```

Con estos ajustes, deberías poder mejorar el diseño y la accesibilidad de tus botones. Recuerda revisar el diseño en Figma para asegurarte de que todo se alinea con las especificaciones visuales.

Espero haber ayudado y buenos estudios!