1.container {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5  height: 35px;
6}
7
8.input {
9  max-width: 190px;
10  height: 100%;
11  outline: none;
12  font-size: 14px;
13  font-weight: 500;
14  background-color: #53535f;
15  caret-color: #f7f7f8;
16  color: #fff;
17  padding: 7px 10px;
18  border: 2px solid transparent;
19  border-top-left-radius: 7px;
20  border-bottom-left-radius: 7px;
21  margin-right: 1px;
22  transition: all .2s ease;
23}
24
25.input:hover {
26  border: 2px solid rgba(255, 255, 255, 0.16);
27}
28
29.input:focus {
30  border: 2px solid #a970ff;
31  background-color: #0e0e10;
32}
33
34.search__btn {
35  border: none;
36  cursor: pointer;
37  background-color: rgba(42, 42, 45, 1);
38  border-top-right-radius: 7px;
39  border-bottom-right-radius: 7px;
40  height: 100%;
41  width: 30px;
42  display: flex;
43  justify-content: center;
44  align-items: center;
45}
46
47.search__btn:hover {
48  background-color: rgba(54, 54, 56, 1);
49}