/* Shared components used by several templates and blocks (front page, Contact, Projecten, Gutenberg blocks). Values from the design. */
.card{position:relative;background:var(--bg2);border:1px solid var(--line);border-radius:20px;transition:border-color 200ms ease,background-color 200ms ease,box-shadow 200ms ease}
.card:not(.plan):hover{border-color:var(--line2);background:var(--card-hover);box-shadow:0 1px 2px var(--drop),0 18px 40px -24px var(--drop)}
.badge{width:52px;height:52px;display:grid;place-items:center;background:var(--bg3);border:1px solid var(--line2);border-radius:12px;color:var(--acc-fg)}
.tlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--acc-fg);text-decoration:none;font-weight:600;font-size:15px;transition:color 150ms ease}
.tlink:hover{color:var(--hi)}
.tlink .arrow{transition:transform 150ms ease}
.tlink:hover .arrow{transform:translateX(3px)}
.cta-band{border:1px solid var(--line2);border-radius:24px;background:var(--bg2);position:relative;overflow:hidden}