8889841cplugins/give/src/Promotions/InPluginUpsells/resources/js/components/PricingPlanCard.module.css000064400000004543150513505610036760 0ustar00home/clixcotz/lions.clix.co.tz/wp-content.card { display: grid; row-gap: 1.25rem; max-width: 51rem; padding: 2rem 5.75rem 2rem 2rem; } @media screen and (min-width: 64rem) { .card { column-gap: 5.25rem; grid-auto-flow: column; grid-template-columns: 5fr 3fr; } } .icon { width: 2.625rem; height: 2.625rem; } .title { display: inline-flex; gap: 0.6em; align-items: center; margin: 0; font-weight: 700; font-size: 1.4375rem; line-height: 1.36; } .description { font-size: 1rem; line-height: 1.5; } .description strong { color: #69b86b; font-weight: 700; } .actionAndSavings { display: flex; column-gap: 1rem; margin-top: 1.75rem; align-items: center; } .button { flex-basis: 16rem; } .savings { color: #fdb244; font-size: 0.875rem; font-weight: 700; line-height: 1.7; } .includes { font-size: 0.875rem; font-weight: 700; line-height: 1.36; } .includesLabel { margin-top: 0.9rem; letter-spacing: 0.05em; text-transform: uppercase; font-weight: inherit; } .includesList { display: grid; gap: 1em; margin: 0; padding: 0; } .includesMoreText { margin-top: 0.5em; margin-bottom: 0; text-decoration: underline; } .include { display: flex; gap: 1em; align-items: center; } .include a { color: inherit; text-decoration: underline; } .include a:hover { text-decoration: none; } .include a:focus { box-shadow: none; outline: 0.25em solid rgba(102, 187, 106, 0.7); outline-offset: 0.5em; } .include em { color: #69b86b; } .includeIcon { width: 2.5rem; height: 2.5rem; } .nameAndFlag { display: flex; gap: 2rem; align-items: center; margin-bottom: 1.75rem; } .mostPopularFlag { flex-grow: 0; display: flex-inline; padding: 0.5em 1em 0.5em 2em; background-image: linear-gradient(225.34deg, #ff7f7f 0%, #ddcd13 101.17%); mask-image: url("data:image/svg+xml;utf-8,"); mask-position: top left; mask-repeat: no-repeat; mask-size: auto 100%; box-shadow: 0 0 0.333em rgba(0, 0, 0, 0.15); color: white; font-weight: 700; font-size: 0.75rem; line-height: 1.33; text-transform: uppercase; text-shadow: 0 0 0.333em rgba(0, 0, 0, 0.25); }