.jonte-cases-cta { --case-brand: #008890; position: relative; overflow: hidden; padding: 100px 6%; text-align: center; color: #14151a; background: linear-gradient(115deg, #d5eeee, #f1f9f8 55%, #ddf0ee); font-family: var(--preset-font-family, PlusJakartaSans-Medium), 微软雅黑, Arial, sans-serif; font-size: var(--preset-text-7b6c6438, 15px); line-height: var(--preset-leading-7b6c6438, 1.7); }
.jonte-cases-cta, .jonte-cases-cta * { box-sizing: border-box; }
.jonte-cases-cta h2 { position: relative; margin: 0; color: inherit; font-size: var(--preset-text-3ca6e1e7, 32px); line-height: var(--preset-leading-3ca6e1e7, 1.2); font-weight: 700; }
.jonte-cases-cta p { position: relative; margin: 20px 0 32px; font-size: var(--preset-text-7b6c6438, 15px); line-height: var(--preset-leading-7b6c6438, 1.7); color: #777; }
.jonte-cases-cta > a { position: relative; display: inline-flex; justify-content: center; align-items: center; min-width: 168px; min-height: 54px; padding: 14px 28px; border-radius: 999px; background: var(--case-brand); color: #fff; font-size: 16px; font-weight: 500; text-decoration: none; transition: background .2s; }
.jonte-cases-cta > a:hover { background: #006e75; }
.jonte-cases-cta > a:focus-visible { outline: 2px solid var(--case-brand); outline-offset: 3px; }
@media(max-width:750px) {
  .jonte-cases-cta { padding: 64px 20px; }
}
@media(prefers-reduced-motion:reduce) {
  .jonte-cases-cta > a { transition: none; }
}