:root{ --fw-regular:400; --fw-bold:800; --fs-base:16px; --fs-lg:18px; --color-bg:#f6f9ff; --color-primary:#0e4b78; --color-contrast:#ffffff; --color-focus:#1d9bf0; --colorA:#c00241; --cta-h:110px; } .widget-link{display:block;text-decoration:none;color:inherit;font-family:var(--font-sans)} .cta-wrap{padding-bottom:20px} .cta-card{ background:var(--color-bg); border:1px solid var(--color-primary); padding:20px; height:var(--cta-h); display:grid; place-items:center; text-align:center; transition:background .2s,color .2s,border-color .2s,box-shadow .2s; overflow:hidden; } .cta-text{ font-weight:var(--fw-regular); font-size:var(--fs-lg); line-height:1.35; color:var(--color-primary); max-width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; } .widget-link:hover .cta-card{ background:var(--color-primary); border-color:var(--color-primary); box-shadow:0 2px 0 rgba(0,0,0,.06) inset; } .widget-link:hover .cta-text{color:var(--color-contrast)} .widget-link:focus-visible .cta-card{outline:2px solid var(--color-focus); outline-offset:3px} @media (max-width:480px){ .cta-card{--cta-h:96px; padding:16px} .cta-text{font-size:var(--fs-base); -webkit-line-clamp:2} }