#e8e8e8
1.discountForm { 2 width: 250px; 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} 14 15.DiscountHeading { 16 font-size: 1.5em; 17 color: rgb(15, 15, 15); 18 font-weight: 700; 19} 20 21.DiscountSubheading { 22 font-size: 0.8em; 23 color: black; 24 text-align: center; 25} 26 27.inputContainer { 28 width: 100%; 29 display: flex; 30 flex-direction: column; 31 gap: 10px; 32} 33 34#email-address { 35 height: 30px; 36 width: 100%; 37 border: 1px solid rgb(228, 228, 228); 38 background-color: white; 39 padding: 0px 10px; 40 outline: none; 41 text-align: center; 42} 43 44.submitButton { 45 width: 100%; 46 height: 30px; 47 border: none; 48 background-color: rgb(15, 15, 15); 49 color: white; 50 font-weight: 600; 51 cursor: pointer; 52} 53 54.submitButton:hover { 55 background-color: rgb(36, 36, 36); 56} 57 58.exitBtn { 59 position: absolute; 60 top: 5px; 61 right: 5px; 62 box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.171); 63 background-color: rgb(255, 255, 255); 64 border-radius: 50%; 65 width: 25px; 66 height: 25px; 67 border: none; 68 color: black; 69 font-size: 1.1em; 70 cursor: pointer; 71}
802 views
802 views
Comments
MIT License