.search-container {
    position: relative;
    width: 300px;
    margin: 20px auto;
}

.search-box {
    display: flex;
    align-items: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}

    .search-box input {
        flex: 1;
        border: none;
        outline: none;
        padding: 5px;
    }

    .search-box button {
        background: none;
        border: none;
        cursor: pointer;
    }

        .search-box button img {
            width: 20px;
            height: 20px;
        }

.suggestions-list {  
   list-style: none;  
   padding: 0;  
   margin: 5px 0 0;  
   border: 1px solid #ccc;  
   border-radius: 5px;  
   display: none;  
   position: absolute;  
   width: 100%;  
   background: var(--bs-dark);
}

    .suggestions-list li {
        padding: 5px;
        cursor: pointer;
    }

        .suggestions-list li:hover {
            background: var(--bs-primary);
        }