Footer y header

HTML:

        <p class="footer-text">Desarrollado por Gonzalo Briones</p>
    </footer> ´´´ 
CSS:
´´´.footer{
    background-color: #22D4FD; /* Define el color de fondo */
    padding: 24px; /* Define el relleno */
    color: #000000; /* Define el color del texto */ 
    text-align: center; /* Alinea el texto horizontalmente al centro */
    font-family:  "Montserrat", sans-serif; /* Define la fuente del texto */
    font-size: 24px; /* Define el tamaño de fuente del texto */
    font-weight: 400; /* Establece el grosor de la fuente */

}```

```.boton-link {
    width: 378px; /* Establece un ancho fijo para el botón */
    text-align: center; /* Centra el texto dentro del botón */
    padding: 21.5px 0; /* Agrega relleno vertical y horizontal al botón */
    border-radius: 8px; /* Redondea las esquinas del botón */
    font-family: "Montserrat", sans-serif; /* Aplica la fuente importada al botón */
    font-size: 24px; /* Establece el tamaño de fuente del botón */
    font-weight: 600; /* Establece el grosor de la fuente del botón */
    text-decoration: none; /* Elimina el subrayado del texto del botón */
    color: #F6F6F6; /* Establece el color del texto del botón */
    border: 2px solid #22D4FD; /* Establece un borde de 2px de color azul claro */
    display: flex; /* Establece un contenedor flexible para el botón */
    justify-content: center; /* Centra el texto dentro del botón */
    gap: 10px; /* Agrega un espacio entre el texto y el ícono */
    }

.boton-link:hover { /* Establece el color de fondo del botón al pasar el mouse por encima */
    background-color: #2ea71e; 
    padding: 3%; /* agrega un efecto */
}

.footer{
    background-color: #22D4FD; /* Define el color de fondo */
    padding: 24px; /* Define el relleno */
    color: #000000; /* Define el color del texto */ 
    text-align: center; /* Alinea el texto horizontalmente al centro */
    font-family:  "Montserrat", sans-serif; /* Define la fuente del texto */
    font-size: 24px; /* Define el tamaño de fuente del texto */
    font-weight: 400; /* Establece el grosor de la fuente */

}
.header_menu_link {
    font-size: 18px;
    color: #333;
    margin: 0 10px;
    padding: 10px 15px;
    text-decoration: none;
}

.header_menu_link:hover {
    color: #007bff;
}

.header_menu {
    display: flex;
    justify-content: center;
    align-items: center;
}```