#e8e8e8
1.notificationCard { 2 width: 220px; 3 height: 280px; 4 background: rgb(245, 245, 245); 5 display: flex; 6 flex-direction: column; 7 align-items: center; 8 justify-content: center; 9 padding: 20px 35px; 10 gap: 10px; 11 box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.123); 12 border-radius: 20px; 13} 14 15.bellIcon { 16 width: 50px; 17 margin: 20px 0px; 18} 19 20.bellIcon path { 21 fill: rgb(168, 131, 255); 22} 23 24.notificationHeading { 25 color: black; 26 font-weight: 600; 27 font-size: 0.8em; 28} 29 30.notificationPara { 31 color: rgb(133, 133, 133); 32 font-size: 0.6em; 33 font-weight: 600; 34 text-align: center; 35} 36 37.buttonContainer { 38 display: flex; 39 flex-direction: column; 40 gap: 5px; 41} 42 43.AllowBtn { 44 width: 120px; 45 height: 25px; 46 background-color: rgb(168, 131, 255); 47 color: white; 48 border: none; 49 border-radius: 20px; 50 font-size: 0.7em; 51 font-weight: 600; 52 cursor: pointer; 53} 54 55.NotnowBtn { 56 width: 120px; 57 height: 25px; 58 color: rgb(168, 131, 255); 59 border: none; 60 background-color: transparent; 61 font-weight: 600; 62 font-size: 0.7em; 63 cursor: pointer; 64 border-radius: 20px; 65} 66 67.NotnowBtn:hover { 68 background-color: rgb(239, 227, 255); 69} 70 71.AllowBtn:hover { 72 background-color: rgb(153, 110, 255); 73} 74
1.2K views
1.2K views
Comments
MIT License