Card by vinodjangid07
#e8e8e8
1.cookies-card { 2 width: 280px; 3 height: fit-content; 4 background-color: rgb(255, 250, 250); 5 border-radius: 10px; 6 border: 1px solid rgb(206, 206, 206); 7 display: flex; 8 flex-direction: column; 9 align-items: flex-start; 10 justify-content: space-between; 11 padding: 20px; 12 gap: 15px; 13 position: relative; 14 font-family: Arial, Helvetica, sans-serif; 15 box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.066); 16} 17 18.cookie-heading { 19 color: rgb(34, 34, 34); 20 font-weight: 800; 21} 22.cookie-para { 23 font-size: 11px; 24 font-weight: 400; 25 color: rgb(51, 51, 51); 26} 27.button-wrapper { 28 width: 100%; 29 height: auto; 30 display: flex; 31 align-items: center; 32 justify-content: space-between; 33 gap: 20px; 34} 35.cookie-button { 36 width: 50%; 37 padding: 8px 0; 38 border: none; 39 border-radius: 5px; 40 cursor: pointer; 41} 42.accept { 43 background-color: rgb(34, 34, 34); 44 color: white; 45} 46.reject { 47 background-color: #ececec; 48 color: rgb(34, 34, 34); 49} 50.accept:hover { 51 background-color: rgb(0, 0, 0); 52} 53.reject:hover { 54 background-color: #ddd; 55} 56.exit-button { 57 position: absolute; 58 top: 17px; 59 right: 17px; 60 width: 20px; 61 height: 20px; 62 display: flex; 63 align-items: center; 64 justify-content: center; 65 background-color: transparent; 66 border: none; 67 border-radius: 5px; 68 cursor: pointer; 69} 70.exit-button:hover { 71 background-color: #ddd; 72 color: white; 73} 74.svgIconCross { 75 height: 10px; 76} 77
352 views
352 views
MIT License