*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}body{background:#fff;color:#333}.search-box{background:#fff;border-radius:5px;margin:0;max-width:600px;width:100%}.row{align-items:center;display:flex;padding:10px 20px}input{background:#fff;border:1px solid #000;color:#333;flex:1;font-size:18px;height:30px;outline:0}button{background:transparent;border:0;outline:0}.search-box button{color:#fff;padding:10px 20px}.search-box button i{color:#fff}button .fa-solid{color:#555;cursor:pointer;font-size:22px;width:25px}::placeholder{color:#555}.result-box ul{border-top:1px solid #999;padding:15px 10px}.result-box ul li{border-radius:3px;cursor:pointer;list-style:none;padding:15px}.result-box ul li:hover{background:#e9f3ff}