1.form {
2  display: flex;
3  flex-direction: column;
4  align-items: center;
5  position: relative;
6  overflow: hidden;
7  padding: 20px;
8  background: #606c88;
9  background: -webkit-linear-gradient(to right, #3f4c6b, #606c88);
10  background: linear-gradient(to right, #3f4c6b, #606c88);
11  border-radius: 10px;
12  box-shadow: 0px 87px 78px -39px rgba(0,0,0,0.4);
13  max-width: 320px;
14}
15
16.info {
17  margin-bottom: 10px;
18}
19
20.title {
21  color: #fff;
22  font-size: 1.5rem;
23  line-height: 1.8rem;
24  font-weight: 800;
25  letter-spacing: -0.025em;
26}
27
28.description {
29  color: #fff;
30  margin-top: 10px;
31  font-size: 15px;
32}
33
34.form .inputs {
35  display: flex;
36  justify-content: space-between;
37  gap: 10px;
38}
39
40.form .inputs input {
41  height: 2.5em;
42  width: 2.5em;
43  outline: none;
44  text-align: center;
45  font-size: 1.5em;
46  color: #fff;
47  border-radius: 0.3em;
48  border: 1px solid rgba(253, 253, 253, 0.363);
49  background-color: rgb(255 255 255 / 0.05);
50}
51
52.form .inputs input:focus {
53  border: 1px solid rgb(99 102 241);
54}
55
56.resend {
57  color: #fff;
58  margin-top: 10px;
59  font-size: 15px;
60  text-align: center;
61}
62
63.resend-action {
64  text-decoration: none;
65  cursor: pointer;
66  margin-left: 6px;
67  color: rgb(255, 255, 255);
68  font-weight: 600;
69}
70
71.resend-action:hover {
72  text-decoration: underline #2b8af7;
73}
74
75.validate {
76  display: flex;
77  align-items: flex-end;
78  justify-content: flex-end;
79  text-decoration: none;
80  background-color: #606c88;
81  padding: 10px 20px;
82  margin: 8px 0 0 0;
83  font-size: 13px;
84  font-weight: 600;
85  border-radius: 10px;
86  transition: .3s ease;
87}
88
89.validate:hover {
90  background-color: #3f4c6b;
91}
92
93.close {
94  position: absolute;
95  right: 10px;
96  top: 10px;
97  background-color: #3f4c6b;
98  height: 30px;
99  width: 30px;
100  display: grid;
101  place-items: center;
102  border-radius: 50%;
103  cursor: pointer;
104  font-weight: 600;
105  transition: .3s ease;
106}
107
108.close:hover {
109  background-color: rgba(255, 0, 0, 0.603);
110}