.search-button {
    background-color: #663de4; /* Morado Mayor Alcance */
    color: white; /* Texto en blanco */
    border: none; /* Sin borde */
    padding: 10px 20px; /* Espaciado interno */
    font-size: 16px; /* Tamaño de fuente */
    cursor: pointer; /* Cambia el cursor a puntero */
    border-radius: 5px; /* Bordes redondeados */
    transition: background-color 0.3s ease; /* Transición suave al cambiar color */
}

.search-button:hover {
    background-color: #5a32c5; /* Color más oscuro al pasar el mouse */
}

.search-button:active {
    background-color: #4e29a3; /* Color aún más oscuro cuando se hace clic */
}