1.otp-Form {
2  width: 230px;
3  height: 300px;
4  background-color: rgb(255, 255, 255);
5  display: flex;
6  flex-direction: column;
7  align-items: center;
8  justify-content: center;
9  padding: 20px 30px;
10  gap: 20px;
11  position: relative;
12  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.082);
13  border-radius: 15px;
14}
15
16.mainHeading {
17  font-size: 1.1em;
18  color: rgb(15, 15, 15);
19  font-weight: 700;
20}
21
22.otpSubheading {
23  font-size: 0.7em;
24  color: black;
25  line-height: 17px;
26  text-align: center;
27}
28
29.inputContainer {
30  width: 100%;
31  display: flex;
32  flex-direction: row;
33  gap: 10px;
34  align-items: center;
35  justify-content: center;
36}
37
38.otp-input {
39  background-color: rgb(228, 228, 228);
40  width: 30px;
41  height: 30px;
42  text-align: center;
43  border: none;
44  border-radius: 7px;
45  caret-color: rgb(127, 129, 255);
46  color: rgb(44, 44, 44);
47  outline: none;
48  font-weight: 600;
49}
50
51.otp-input:focus,
52.otp-input:valid {
53  background-color: rgba(127, 129, 255, 0.199);
54  transition-duration: .3s;
55}
56
57.verifyButton {
58  width: 100%;
59  height: 30px;
60  border: none;
61  background-color: rgb(127, 129, 255);
62  color: white;
63  font-weight: 600;
64  cursor: pointer;
65  border-radius: 10px;
66  transition-duration: .2s;
67}
68
69.verifyButton:hover {
70  background-color: rgb(144, 145, 255);
71  transition-duration: .2s;
72}
73
74.exitBtn {
75  position: absolute;
76  top: 5px;
77  right: 5px;
78  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.171);
79  background-color: rgb(255, 255, 255);
80  border-radius: 50%;
81  width: 25px;
82  height: 25px;
83  border: none;
84  color: black;
85  font-size: 1.1em;
86  cursor: pointer;
87}
88
89.resendNote {
90  font-size: 0.7em;
91  color: black;
92  width: 100%;
93  display: flex;
94  flex-direction: column;
95  align-items: center;
96  justify-content: center;
97  gap: 5px;
98}
99
100.resendBtn {
101  background-color: transparent;
102  border: none;
103  color: rgb(127, 129, 255);
104  cursor: pointer;
105  font-size: 1.1em;
106  font-weight: 700;
107}