#e8e8e8
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}
1.2K views
1.2K views
Comments
MIT License