#e8e8e8
1.card { 2 margin-left: -1rem; 3 margin-right: -1rem; 4 display: flex; 5 flex-wrap: wrap; 6 align-items: stretch; 7 margin-bottom: 2rem; 8 width: 320px; 9 display: flex; 10 flex-direction: column; 11 border-radius: 0.25rem; 12 background-color: rgba(17, 24, 39, 1); 13 padding: 1.5rem; 14} 15 16.header { 17 display: flex; 18 flex-direction: column; 19} 20 21.title { 22 font-size: 1.5rem; 23 line-height: 2rem; 24 font-weight: 700; 25 color: #fff 26} 27 28.price { 29 font-size: 3.75rem; 30 line-height: 1; 31 font-weight: 700; 32 color: #fff 33} 34 35.desc { 36 margin-top: 0.75rem; 37 margin-bottom: 0.75rem; 38 line-height: 1.625; 39 color: rgba(156, 163, 175, 1); 40} 41 42.lists { 43 margin-bottom: 1.5rem; 44 flex: 1 1 0%; 45 color: rgba(156, 163, 175, 1); 46} 47 48.lists .list { 49 margin-bottom: 0.5rem; 50 display: flex; 51 margin-left: 0.5rem 52} 53 54.lists .list svg { 55 height: 1.5rem; 56 width: 1.5rem; 57 flex-shrink: 0; 58 margin-right: 0.5rem; 59 color: rgba(167, 139, 250, 1); 60} 61 62.action { 63 border: none; 64 outline: none; 65 display: inline-block; 66 border-radius: 0.25rem; 67 background-color: rgba(167, 139, 250, 1); 68 padding-left: 1.25rem; 69 padding-right: 1.25rem; 70 padding-top: 0.75rem; 71 padding-bottom: 0.75rem; 72 text-align: center; 73 font-weight: 600; 74 letter-spacing: 0.05em; 75 color: rgba(17, 24, 39, 1); 76}
Comments
MIT License