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