.blog-banner{box-sizing:border-box;width:100%}.blog-banner__card{align-items:flex-end;background-color:#1a1a1a;border-radius:12px;display:flex;justify-content:center;min-height:400px;overflow:hidden;position:relative}.blog-banner__image{height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.blog-banner__overlay{background-color:rgba(0,0,0,.4);border-radius:12px;inset:0;pointer-events:none;position:absolute}.blog-banner__content{align-items:center;display:flex;flex-direction:column;gap:24px;padding:40px 24px;position:relative;text-align:center;z-index:1}.blog-banner__heading{color:#fff;font-size:28px;letter-spacing:-1.96px;line-height:34px;margin:0;max-width:321px}.blog-banner__cta,.blog-banner__heading{font-family:var(--font-family-primary);font-weight:700}.blog-banner__cta{align-items:center;background-color:#00d0a8;border-radius:8px;box-sizing:border-box;color:var(--color-dark);display:inline-flex;font-size:20px;height:40px;justify-content:center;line-height:28px;padding:6px 24px;text-decoration:none;transition:background-color .2s ease;width:180px}.blog-banner__cta:hover{background-color:#00b894}.blog-banner__cta:focus-visible{border-radius:8px;outline:2px solid #fff;outline-offset:2px}@media (max-width:767px){.blog-banner__card{min-height:320px}.blog-banner__heading{font-size:24px;line-height:30px}.blog-banner__cta{font-size:18px;width:160px}}