#e8e8e8
1/*Neo Brutalism pricing card*/ 2.card { 3 width: 190px; 4 height: 254px; 5 background: #00FFA0; 6 padding: 1rem; 7 border-radius: 1rem; 8 border: .5vmin solid #05060f; 9 box-shadow: .4rem .4rem #05060f; 10 overflow: hidden; 11 color: black; 12} 13 14/*Card content*/ 15.pricing-block-content { 16 display: flex; 17 height: 100%; 18 flex-direction: column; 19 gap: .5rem; 20} 21 22.pricing-plan { 23 color: #05060f; 24 font-size: 1.3rem; 25 line-height: 1.25; 26 font-weight: 700; 27} 28 29.price-value { 30 display: flex; 31 color: #05060f; 32 font-size: 1.8rem; 33 line-height: 1.25; 34 font-weight: 700; 35} 36 37.pricing-note { 38 opacity: .8; 39} 40 41/*Checklist*/ 42.check-list { 43 display: flex; 44 flex-direction: column; 45 gap: .5rem; 46 margin-top: .5rem; 47} 48 49.check-list-item { 50 display: flex; 51 align-items: center; 52 gap: 4px; 53}
Comments
MIT License