{"html":"

Starter

/mo

free forever

\n \n \n \n \n \n \n \n \n Lorem Ipsum\n
\n \n \n \n \n \n \n \n \n Lorem Ipsum\n
\n \n \n \n \n \n \n \n \n Lorem Ipsum\n
\n \n \n \n \n \n \n \n \n Lorem Ipsum\n

\n","css":"/*Neo Brutalism pricing card*/\n.card {\n width: 190px;\n background: #00ffa0;\n padding: 1rem;\n border-radius: 1rem;\n border: 0.5vmin solid #05060f;\n box-shadow: 0.4rem 0.4rem #05060f;\n overflow: hidden;\n color: black;\n}\n\n/*Card content*/\n.pricing-block-content {\n display: flex;\n height: 100%;\n flex-direction: column;\n gap: 0.5rem;\n}\n\n.pricing-plan {\n color: #05060f;\n font-size: 1.3rem;\n line-height: 1.25;\n font-weight: 700;\n}\n\n.price-value {\n display: flex;\n color: #05060f;\n font-size: 1.8rem;\n line-height: 1.25;\n font-weight: 700;\n}\n\n.pricing-note {\n opacity: 0.8;\n}\n\n/*Checklist*/\n.check-list {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n margin-top: 0.5rem;\n}\n\n.check-list-item {\n display: flex;\n align-items: center;\n gap: 4px;\n}\n"}

loud-baboon-79

👁 实时预览

📝 源代码

🔗 相关联的样式