.wp-block-lohko-cta-card{--cta-card-accent:var(--wp--preset--color--blue);--cta-card-muted:var(--wp--preset--color--greyblue);--cta-card-radius:16px;align-items:flex-start;border:1px solid color-mix(in srgb,var(--wp--preset--color--white) 9%,transparent);border-radius:var(--cta-card-radius);box-sizing:border-box;display:flex;flex-direction:column;gap:14px;height:100%;padding:24px;transition:border-color .12s ease,transform .12s ease;&:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--white) 3%,transparent)}&:hover{border-color:color-mix(in srgb,var(--wp--preset--color--white) 22%,transparent);transform:translateY(-2px)}.cta-card__icon .wp-block-font-awesome-icon{align-items:center;border-radius:12px;display:inline-flex;flex:none;font-size:22px;height:48px;justify-content:center;width:48px;svg{height:22px;width:22px}}.cta-card__icon .wp-block-font-awesome-icon:not(.has-text-color){color:var(--cta-card-accent)}.cta-card__icon .wp-block-font-awesome-icon:not(.has-background){background:color-mix(in srgb,currentColor 16%,transparent)}&.cta-card--no-icon .cta-card__icon,.cta-card__icon:not(:has(*)){display:none}.cta-card__heading{font-size:1rem;font-weight:700;line-height:1.3;margin:0}.cta-card__description{color:var(--cta-card-muted);font-size:var(--wp--preset--font-size--mini,.8125rem);line-height:1.5;margin:0}.cta-card__note{border-top:1px solid color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent);color:var(--wp--preset--color--lilyblue);font-size:.75rem;line-height:1.4;margin:auto 0 0;padding-top:10px;strong{color:var(--wp--preset--color--cyan)}}.cta-card__link{align-items:center;color:var(--wp--preset--color--blue);display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;letter-spacing:.06em;margin-top:auto;padding-top:4px;text-decoration:none;text-transform:uppercase}.cta-card__link:hover .cta-card__link-icon{transform:translateX(3px)}.cta-card__link-icon{transition:transform .12s ease}}@media (prefers-reduced-motion:reduce){.wp-block-lohko-cta-card,.wp-block-lohko-cta-card .cta-card__link-icon{transition:none}.wp-block-lohko-cta-card:hover{transform:none}}.wp-block-lohko-cta-card.is-style-glass{--cta-card-accent:var(--wp--preset--color--cyan);--cta-card-muted:var(--wp--preset--color--lilyblue);--cta-card-radius:14px;border-color:color-mix(in srgb,var(--wp--preset--color--white) 16%,transparent);border-top-color:color-mix(in srgb,var(--wp--preset--color--white) 30%,transparent);box-shadow:0 8px 24px color-mix(in srgb,var(--wp--preset--color--black) 20%,transparent);gap:8px;padding:20px;&:not(.has-background){backdrop-filter:blur(20px) saturate(160%);-webkit-backdrop-filter:blur(20px) saturate(160%);background:color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent)}&:hover{border-color:color-mix(in srgb,var(--wp--preset--color--white) 30%,transparent);border-top-color:color-mix(in srgb,var(--wp--preset--color--white) 45%,transparent)}.cta-card__icon .wp-block-font-awesome-icon{border-radius:0;font-size:18px;height:auto;width:auto;svg{height:18px;width:18px}}.cta-card__icon .wp-block-font-awesome-icon:not(.has-background){background:none}&:not(.has-text-color){color:var(--wp--preset--color--white)}.cta-card__heading{font-size:.9375rem}.cta-card__description,.cta-card__link{font-size:.8125rem}.cta-card__link{color:var(--wp--preset--color--white);letter-spacing:normal;text-transform:none}}.wp-block-lohko-cta-card.is-style-blue{--cta-card-accent:var(--wp--preset--color--cyan);--cta-card-muted:var(--wp--preset--color--lilyblue);border-color:color-mix(in srgb,var(--wp--preset--color--royalblue) 35%,transparent);&:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--royalblue) 8%,transparent)}&:hover{border-color:color-mix(in srgb,var(--wp--preset--color--royalblue) 55%,transparent)}.cta-card__icon .wp-block-font-awesome-icon:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--royalblue) 20%,transparent)}&:not(.has-text-color),.cta-card__link{color:var(--wp--preset--color--white)}}.wp-block-lohko-cta-card.is-style-horizontal{align-items:center;column-gap:18px;display:grid;grid-template-areas:"icon heading link" "icon description link";grid-template-columns:auto 1fr auto;padding:22px 26px;row-gap:4px;&:not(.has-background){background:linear-gradient(100deg,color-mix(in srgb,var(--wp--preset--color--skyblue) 14%,transparent) 0,color-mix(in srgb,var(--wp--preset--color--blue) 10%,transparent) 100%);border-color:color-mix(in srgb,var(--wp--preset--color--blue) 30%,transparent)}.cta-card__icon{grid-area:icon}.cta-card__heading{grid-area:heading}.cta-card__description{grid-area:description}&.cta-card--no-icon,&:not(:has(.cta-card__icon>*)){grid-template-areas:"heading link" "description link";grid-template-columns:1fr auto}.cta-card__link{color:var(--wp--preset--color--white);font-size:.875rem;grid-area:link;justify-self:end;letter-spacing:normal;margin-top:0;padding-top:0;text-transform:none}}.wp-block-lohko-cta-card.is-style-horizontal:not(:has(.cta-card__description)){grid-template-areas:"icon heading link";&.cta-card--no-icon,&:not(:has(.cta-card__icon>*)){grid-template-areas:"heading link"}}@media (max-width:767px){.wp-block-lohko-cta-card.is-style-horizontal{grid-template-areas:"icon heading" "icon description" "link link";grid-template-columns:auto 1fr;row-gap:6px;.cta-card__link{justify-self:start;padding-top:8px}&.cta-card--no-icon,&:not(:has(.cta-card__icon>*)){grid-template-areas:"heading" "description" "link";grid-template-columns:1fr}&:not(:has(.cta-card__description)){grid-template-areas:"icon heading" "link link"}&:not(:has(.cta-card__description)).cta-card--no-icon,&:not(:has(.cta-card__description)):not(:has(.cta-card__icon>*)){grid-template-areas:"heading" "link"}}}.wp-block-lohko-cta-card.is-style-inline{align-items:start;border:0;border-radius:0;column-gap:12px;display:grid;grid-template-areas:"icon heading" "icon description" "icon link";grid-template-columns:auto 1fr;grid-template-rows:auto auto 1fr;padding:0;row-gap:3px;&:not(.has-background){background:none}&:hover{transform:none}.cta-card__icon{grid-area:icon}.cta-card__icon .wp-block-font-awesome-icon{border-radius:10px;height:36px;width:36px;svg{height:16px;width:16px}}.cta-card__heading{font-size:.9375rem;grid-area:heading}.cta-card__description{grid-area:description}.cta-card__link{grid-area:link;justify-self:start}&.cta-card--no-icon,&:not(:has(.cta-card__icon>*)){grid-template-areas:"heading" "description" "link";grid-template-columns:1fr}}.wp-block-lohko-cta-card.is-style-accent{--cta-card-muted:var(--wp--preset--color--lilyblue);border-color:color-mix(in srgb,var(--wp--preset--color--white) 14%,transparent);border-top:3px solid var(--cta-card-line,var(--wp--preset--color--royalblue));&:not(.has-background){backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:color-mix(in srgb,var(--wp--preset--color--blackblue) 90%,transparent)}&:hover{border-color:color-mix(in srgb,var(--wp--preset--color--white) 26%,transparent);border-top-color:var(--cta-card-line,var(--wp--preset--color--royalblue))}&:not(.has-text-color){color:var(--wp--preset--color--white)}}.wp-block-lohko-cta-card:is(.is-style-cyan,.is-style-accent){--cta-card-accent:var(--wp--preset--color--cyan);.cta-card__icon .wp-block-font-awesome-icon{border-radius:10px;height:40px;width:40px;svg{height:20px;width:20px}}.cta-card__icon .wp-block-font-awesome-icon:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--royalblue) 14%,transparent)}}.wp-block-lohko-cta-card.is-style-check{--cta-card-accent:var(--wp--preset--color--cyan);align-items:start;border:0;border-radius:0;column-gap:14px;display:grid;grid-template-areas:"icon heading" "icon description";grid-template-columns:auto 1fr;padding:0;row-gap:3px;&:not(.has-background){background:none}&:hover{transform:none}.cta-card__icon{grid-area:icon;padding-top:2px}.cta-card__icon .wp-block-font-awesome-icon{border-radius:50%;height:22px;width:22px;svg{height:11px;width:11px}}.cta-card__icon .wp-block-font-awesome-icon:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--royalblue) 16%,transparent)}&:not(.has-text-color){color:var(--wp--preset--color--white)}.cta-card__heading{font-size:.9375rem;grid-area:heading}.cta-card__description{font-size:.875rem;grid-area:description;line-height:1.55}.cta-card__link{display:none}}.wp-block-lohko-cta-card.is-style-row{--cta-card-accent:var(--wp--preset--color--cyan);--cta-card-muted:var(--wp--preset--color--lilyblue);align-items:center;border-color:color-mix(in srgb,var(--wp--preset--color--white) 10%,transparent);column-gap:14px;display:grid;grid-template-areas:"icon heading" "icon description";grid-template-columns:auto 1fr;padding:16px 20px;row-gap:2px;&:hover{transform:none}&:not(.has-text-color){color:var(--wp--preset--color--white)}&:not(:has(.cta-card__description)){grid-template-areas:"icon heading"}.cta-card__icon{grid-area:icon}.cta-card__icon .wp-block-font-awesome-icon{border-radius:10px;height:36px;width:36px;svg{height:18px;width:18px}}.cta-card__icon .wp-block-font-awesome-icon:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--royalblue) 14%,transparent)}.cta-card__heading{font-size:.875rem;grid-area:heading}.cta-card__description{font-size:.875rem;grid-area:description}.cta-card__link{display:none}}.wp-block-lohko-cta-card.is-style-frosted{--cta-card-accent:var(--wp--preset--color--cyan);--cta-card-muted:var(--wp--preset--color--light);--cta-card-radius:18px;border-color:color-mix(in srgb,var(--wp--preset--color--white) 18%,transparent);padding:30px 26px;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s ease,border-color .35s ease,box-shadow .35s ease;&:not(.has-background){backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb,var(--wp--preset--color--dark) 50%,transparent)}&:not(.has-text-color){color:var(--wp--preset--color--white)}&:hover{border-color:color-mix(in srgb,var(--wp--preset--color--cyan) 45%,transparent);box-shadow:0 30px 60px -24px rgba(0,0,0,.8),0 0 40px -10px color-mix(in srgb,var(--wp--preset--color--cyan) 35%,transparent);transform:translateY(-6px)}&:hover:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--dark) 62%,transparent)}.cta-card__icon .wp-block-font-awesome-icon{height:44px;transition:transform .35s cubic-bezier(.16,1,.3,1),background-color .35s ease;width:44px}.cta-card__icon .wp-block-font-awesome-icon:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--royalblue) 20%,transparent)}&:hover .cta-card__icon .wp-block-font-awesome-icon{transform:scale(1.08) rotate(-4deg)}&:hover .cta-card__icon .wp-block-font-awesome-icon:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--cyan) 22%,transparent)}.cta-card__heading{font-size:1.1875rem;margin-top:4px}.cta-card__description{font-size:.90625rem;line-height:1.55}.cta-card__link{color:var(--cta-card-accent);font-size:.84375rem;letter-spacing:normal;text-transform:none}.cta-card__link:hover .cta-card__link-icon{transform:translateX(4px)}}@media (prefers-reduced-motion:reduce){.wp-block-lohko-cta-card.is-style-frosted,.wp-block-lohko-cta-card.is-style-frosted .cta-card__icon .wp-block-font-awesome-icon{transition:none}.wp-block-lohko-cta-card.is-style-frosted:hover,.wp-block-lohko-cta-card.is-style-frosted:hover .cta-card__icon .wp-block-font-awesome-icon{transform:none}}.wp-block-lohko-cta-card.is-style-divided{--cta-card-accent:var(--wp--preset--color--cyan);align-items:start;border:0;border-bottom:1px solid color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent);border-radius:0;border-top:1px solid color-mix(in srgb,var(--wp--preset--color--white) 8%,transparent);column-gap:14px;display:grid;grid-template-areas:"icon heading" "icon description";grid-template-columns:auto 1fr;height:auto;margin-block:0;padding:13px 0;row-gap:4px;&:not(.has-background){background:none}&:not(.has-text-color){color:var(--wp--preset--color--white)}&:hover{transform:none}&+&{border-top:0}.cta-card__icon{grid-area:icon}.cta-card__icon .wp-block-font-awesome-icon{height:36px;width:36px;svg{height:18px;width:18px}}.cta-card__icon .wp-block-font-awesome-icon:not(.has-background){background:color-mix(in srgb,var(--wp--preset--color--royalblue) 20%,transparent)}.cta-card__heading{grid-area:heading}.cta-card__description{font-size:.875rem;grid-area:description;line-height:1.55}.cta-card__link{display:none}&.cta-card--no-icon,&:not(:has(.cta-card__icon>*)){grid-template-areas:"heading" "description";grid-template-columns:1fr}}