Ejercicios de práctica de CSS

Ejercicio 19

Crea un archivo style.css y luego usa @import para cargar otro archivo CSS con reglas adicionales para los botones.

Lo resolví del siguiente modo:

CSS (style.css):

                /* style19.css */
                @import url('botones.css');

                body {
                    font-family: Arial, sans-serif;
                    background-color: #f4f4f4;
                    margin-top: 100px;
                    padding: 100px;
                }
            

CSS (botones.css):

                /* botones.css */
                button {
                    background-color: #3498db;
                    color: white;
                    border: none;
                    padding: 10px 20px;
                    border-radius: 5px;
                    cursor: pointer;
                    transition: background-color 0.3s;
                }

                button:hover {
                    background-color: #2980b9;
                }
            

HTML:

                <button>Enviar</button>
                <button>Cancelar</button>