CSS
/* Estilos para la disposición de los elementos / .presentacion__enlaces { display: flex; flex-direction: column; / Dirección vertical / align-items: center; / Centra los elementos horizontalmente / gap: 32px; / Espacio entre los elementos */ }
/* Estilos para el subtítulo / .presentacion__enlaces__subtitulo { font-family: 'Krona One', sans-serif; / Fuente Krona One / font-weight: 400; / Peso de la fuente / font-size: 24px; / Tamaño de la fuente / margin: 0; / Elimina el margen predeterminado */ }
/* Estilos para los botones / .presentacion__enlaces__link { color: #F6F6F6; / Color del texto blanco / border: 2px solid #22D4FD; / Borde sólido de 2px en color cian / width: 378px; / Ancho del botón / border-radius: 8px; / Bordes redondeados / text-decoration: none; / Elimina el subrayado del enlace / padding: 16px; / Añade un espacio interno para mejor apariencia / text-align: center; / Centra el texto dentro del botón / background-color: transparent; / Elimina el fondo cian / font-family: Arial, sans-serif; / Fuente para los botones / font-size: 18px; / Tamaño de la fuente para los botones / transition: background-color 0.3s, color 0.3s; / Transición suave */ }
/* Efecto hover para los botones / .presentacion__enlaces__link:hover { background-color: #22D4FD; / Fondo cian al pasar el mouse / color: #000; / Texto negro al pasar el mouse */ }
