{"html":"

Please Choose a Package

\n \n Daily \n \n Weekly \n \n Monthly \n

\n","css":".package-container {\n display: flex;\n flex-direction: column;\n row-gap: 16px;\n font-family: \"Poppins\", sans-serif;\n --primary-color: #1da1f2;\n --secondary-color: #1da1f2;\n --tab-text-color: #ffffff;\n}\n.package-heading {\n font-size: 16px;\n font-weight: 500;\n color: var(--tab-text-color);\n}\n.package-tab-wrapper {\n display: flex;\n align-items: center;\n column-gap: 10px;\n border-radius: 8px;\n border: 1px solid var(--primary-color);\n padding: 8px;\n}\n.package-tab-wrapper .input {\n display: none;\n}\n.package-tab {\n flex-grow: 1;\n text-align: center;\n padding: 8px 16px;\n border-radius: 8px;\n font-size: 12px;\n background: var(--tab-text-color);\n color: var(--secondary-color);\n font-weight: 600;\n cursor: pointer;\n transition: 0.5s ease-in-out;\n}\n.package-tab:active {\n transform: scale(0.9);\n}\n.input:checked + label.package-tab {\n background: var(--primary-color);\n color: var(--tab-text-color);\n box-shadow: 0px 0px 10px 0px var(--primary-color);\n}\n"}

friendly-bat-41

👁 实时预览

📝 源代码