1.input__container {
2  position: relative;
3  background: rgba(255, 255, 255, 0.664);
4  padding: 10px 15px;
5  display: flex;
6  justify-content: center;
7  align-items: center;
8  gap: 5px;
9  border-radius: 22px;
10  max-width: 300px;
11  transition: transform 400ms;
12  transform-style: preserve-3d;
13  transform: rotateX(15deg) rotateY(-20deg);
14  perspective: 500px;
15}
16
17.shadow__input {
18  content: "";
19  position: absolute;
20  width: 100%;
21  height: 100%;
22  left: 0;
23  bottom: 0;
24  z-index: -1;
25  filter: blur(30px);
26  border-radius: 20px;
27  background-color: #999cff;
28  background-image: radial-gradient(at 85% 51%, hsla(60,60%,61%,1) 0px, transparent 50%),
29    radial-gradient(at 74% 68%, hsla(235,69%,77%,1) 0px, transparent 50%),
30    radial-gradient(at 64% 79%, hsla(284,72%,73%,1) 0px, transparent 50%),
31    radial-gradient(at 75% 16%, hsla(283,60%,72%,1) 0px, transparent 50%),
32    radial-gradient(at 90% 65%, hsla(153,70%,64%,1) 0px, transparent 50%),
33    radial-gradient(at 91% 83%, hsla(283,74%,69%,1) 0px, transparent 50%),
34    radial-gradient(at 72% 91%, hsla(213,75%,75%,1) 0px, transparent 50%);
35}
36
37.input__button__shadow {
38  cursor: pointer;
39  border: none;
40  background: none;
41  transition: transform 400ms, background 400ms;
42  display: flex;
43  justify-content: center;
44  align-items: center;
45  border-radius: 12px;
46  padding: 5px;
47}
48
49.input__button__shadow:hover {
50  background: rgba(255, 255, 255, 0.411);
51}
52
53.input__search {
54  width: 100%;
55  border-radius: 20px;
56  outline: none;
57  border: none;
58  padding: 8px;
59  position: relative;
60}