1.input-group {
2  display: flex;
3  justify-content: center;
4  align-items: center;
5  max-width: 210px;
6 /* You can play with this number */
7}
8
9.input {
10  padding: 10px 20px;
11  border-top-right-radius: 20px;
12  border-bottom-right-radius: 20px;
13  color: rgb(218, 218, 218);
14  font-size: 1rem;
15  border: none;
16  font-weight: 500;
17  background-color: #303030;
18  width: 100%;
19}
20
21.input:focus {
22  border: none;
23  outline: none;
24}
25
26.btn {
27  display: flex;
28  justify-content: center;
29  align-items: center;
30  padding: 9.3px 10px;
31  border-top-left-radius: 20px;
32  border-bottom-left-radius: 20px;
33  outline: none;
34  background: #2020;
35  border: none;
36  background: rgb(68, 68, 68);
37  transition: .3s ease;
38}
39
40.btn:hover {
41  cursor: pointer;
42  background-color: rgb(100, 100, 100);
43}