{"html":"

\n Download Now!\n Download our mobile application.\n Download Lorem mobile banking app for IOS & Android to manage your online money.\n

","css":".card {\n max-width: 350px;\n background-color: rgb(7 16 45);\n background: linear-gradient(to top right, rgb(7 16 45), rgb(58 60 84));\n background: -webkit-linear-gradient(to top right, rgb(7 16 45), rgb(58 60 84));\n display: flex;\n flex-direction: column;\n padding: 20px;\n border-radius: 20px;\n border: 1px solid rgb(84 90 106);\n}\n\n.small-text, .title,.desc {\n font-weight: 600;\n}\n\n.title,.desc {\n margin: 8px 0;\n}\n\n.small-text {\n color: #488aec;\n font-size: 14px;\n}\n\n.title {\n color: #fff;\n font-size: 26px;\n line-height: 26px;\n}\n\n.desc {\n color: rgb(151 153 167);\n font-size: 13px;\n}\n\n.buttons {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n margin-top: 10px;\n}\n\n.button {\n display: flex;\n align-items: center;\n justify-content: space-between;\n border-radius: 10px;\n padding: 6px;\n text-decoration: none;\n}\n\n.button:first-child {\n box-shadow: 0 4px 6px -1px #488aec31, 0 2px 4px -1px #488aec17;\n background-color: #488aec;\n}\n\n.button:last-child {\n box-shadow: 0 4px 6px -1px #0b162531, 0 2px 4px -1px #0e192b17;\n background-color: #fff;\n}\n\n.icon {\n height: 25px;\n width: 25px;\n}\n\n.icon svg {\n width: 100%;\n height: 100%;\n}\n\n.icon svg:last-child {\n fill: #000\n}\n\n.button-text {\n display: flex;\n flex-direction: column;\n margin-left: 8px;\n}\n\n.button-text span:first-child {\n font-size: 12px;\n font-weight: 600;\n}\n\n.google span:first-child {\n color: rgb(219 206 253);\n}\n\n.apple span:first-child {\n color: rgb(81 87 108);\n}\n\n.google span:last-child {\n color: #fff;\n font-weight: 800;\n}\n\n.apple span:last-child {\n color: #000;\n font-weight: 800;\n}"}

heavy-gecko-88

👁 实时预览

📝 源代码