1.form {
2  width: 250px;
3  display: flex;
4  flex-direction: column;
5  gap: 20px;
6  border-radius: 10px;
7  padding: 20px 40px;
8  background-color: rgba(245, 245, 245, 0.034);
9  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.192);
10  transition: .2s linear;
11}
12
13.form button {
14  align-self: flex-end;
15}
16
17.form:hover {
18  transform: scale(1.1);
19}
20
21.label {
22  font-size: 14px;
23  margin-bottom: -10.6px;
24}
25
26.input {
27  height: 25px;
28  width: 100%;
29  border: 0.5px solid white;
30  background-color: transparent;
31  color: white;
32  padding: 5px;
33  border-radius: 5px;
34  transition: .2s linear;
35  position: relative;
36}
37
38.input:focus {
39  outline: none;
40  background-color: rgba(173, 173, 173, 0.233);
41  box-shadow: 1px 1px 10px rgba(255, 255, 255, 0.137);
42}
43
44button {
45  border: none;
46  padding: 4px 10px;
47  border-radius: 5px;
48  transition: .2s linear;
49}
50
51button:hover {
52  background-color: rgba(255, 255, 255, 0.74);
53  box-shadow: 2px 2px 10px rgba(124, 124, 124, 0.192);
54}
55