.qaamuus-search-wrapper{
    display:flex;
    gap:12px;
    align-items:center;
    max-width:500px;
    margin:auto;
}
/*
.qaamuus-search-wrapper{

    display:flex;
    align-items:center;
    gap:12px;

    max-width:700px;

    margin:20px auto;

} */

#qaamuus-word{
    flex:1;
    height:52px;
    padding:0 20px;
    font-size:18px;
    border:1px solid #d0d5dd;
    border-radius:30px;
    outline:none;
}

#qaamuus-word:focus{
    border-color:#0F6CBD;
    box-shadow:0 0 0 3px rgba(15,108,189,.15);
}

#qaamuus-search-button{

    width:52px;
    height:52px;

    border:none;

    border-radius:50%;

    background:#0F6CBD;

    color:white;

    cursor:pointer;

    font-size:20px;

    transition:.2s;
}

#qaamuus-search-button:hover{

    background:#0959a8;

    transform:scale(1.05);

}


.qaamuus-search-container{
    position:relative;
    max-width:500px;
}

#qaamuus-word{
    width:100%;
}

#qaamuus-suggestions{

    position:absolute;
    top:100%;
    left:0;
    right:0;

    background:#fff;
    border:1px solid #ddd;

    z-index:1000;

    max-height:300px;
    overflow-y:auto;

    display:none;
}

.qaamuus-suggestion{
    padding:10px;
    cursor:pointer;
}

.qaamuus-suggestion:hover{
    background:#f5f5f5;
}

.qaamuus-suggestion.active{
    background:#1e73be;
    color:#fff;
}

.qaamuus-entry{
    margin-top:20px;
}