/*---WIDGETS---*/

:root{ --fw-regular:400; --fw-bold:800; --fs-base:16px; --fs-lg:18px; --font-sans:Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --color-bg:rgba(8, 34, 48, .55); --color-primary:rgba(255,255,255,.10); --color-contrast:rgba(255,255,255,.78); --color-focus:rgba(255,255,255,.35); --colorA:#c00241; --cta-h:38px; } .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:0 14px; height:var(--cta-h); display:grid; place-items:center; text-align:center; transition:background .15s,transform .15s; overflow:hidden; border-radius:999px; box-shadow:none; } .cta-text{ font-weight:var(--fw-regular); font-size:14px; line-height:1; color:var(--color-contrast); max-width:100%; overflow:hidden; text-overflow:ellipsis; display:block; white-space:nowrap; } .widget-link:hover .cta-card{ background:rgba(255,255,255,.08); border-color:var(--color-primary); box-shadow:none; transform:translateY(-1px); } .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:38px; padding:0 12px} .cta-text{font-size:14px} }