.dienst-blok{position:relative;isolation:isolate}.dienst-blok:before{content:"";position:absolute;inset:-20px -24px;z-index:-1;border-radius:var(--df-hoek-xl);-webkit-mask-box-image:var(--df-masker-xl);background:color-mix(in srgb,var(--df-bg) 75%,transparent);box-shadow:var(--df-schaduw-2);opacity:0;transform:scale(.98);transition:opacity .22s ease,transform .32s cubic-bezier(.23,1,.32,1)}.dienst-pakketten{border-block:1px solid color-mix(in srgb,var(--df-ink) 12%,transparent)}.dienst-pakketten>li+li{border-top:1px solid color-mix(in srgb,var(--df-ink) 12%,transparent)}.dienst-pakket{position:relative;display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 4px;border-radius:var(--df-hoek-s);-webkit-mask-box-image:var(--df-masker-s)}.dienst-pakket:before{content:"";position:absolute;inset:2px -10px;z-index:-1;border-radius:var(--df-hoek-m);-webkit-mask-box-image:var(--df-masker-m);background:color-mix(in srgb,var(--dienst) 12%,transparent);opacity:0;transition:opacity .16s ease}.dienst-pakket:focus-visible{outline:2px solid #e68404;outline-offset:2px}.dienst-pakket:focus-visible:before,.dienst-pakket:hover:before{opacity:1}.dienst-pakket-pijl{flex-shrink:0;color:var(--df-accent-tekst);transition:transform .2s cubic-bezier(.23,1,.32,1)}.dienst-cta{transition:transform .16s ease-out,box-shadow .2s ease}.dienst-cta:active{transform:scale(.97)}.dienst-cta-pijl{display:inline-block;transition:transform .22s cubic-bezier(.23,1,.32,1)}.dienst-prent{transition:transform .5s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (pointer:fine){.dienst-blok:hover:before{opacity:1;transform:scale(1)}.dienst-blok:focus-within .dienst-cta-pijl,.dienst-blok:hover .dienst-cta-pijl{transform:translateX(4px)}.dienst-blok:hover .dienst-cta{box-shadow:0 10px 24px -12px rgba(230,132,4,.7)}.dienst-pakket:hover .dienst-pakket-pijl{transform:translateX(3px)}.dienst-scene:has(.dienst-blok:hover) .dienst-prent{transform:translateY(-6px) scale(1.02)}}.dienst-blok:focus-within:before{opacity:1;transform:scale(1)}@media (prefers-reduced-motion:reduce){.dienst-blok:before{transform:none;transition:opacity .2s ease}.dienst-blok:focus-within .dienst-cta-pijl,.dienst-blok:hover .dienst-cta-pijl,.dienst-cta:active,.dienst-pakket:hover .dienst-pakket-pijl,.dienst-scene:has(.dienst-blok:hover) .dienst-prent{transform:none}}.dienst-kies{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--df-ink) 14%,transparent);font-weight:600;font-size:15px;color:var(--df-ink);transition:transform .16s ease-out,border-color .2s ease}.dienst-kies,.dienst-kies-stip{corner-shape:var(--df-hoek-rond)}.dienst-kies-stip{width:8px;height:8px;border-radius:999px;background:var(--dienst);transition:transform .2s cubic-bezier(.23,1,.32,1)}.dienst-kies:focus-visible{outline:2px solid #e68404;outline-offset:3px}.dienst-kies:active{transform:scale(.97)}@media (hover:hover) and (pointer:fine){.dienst-kies:hover{border-color:var(--dienst)}.dienst-kies:hover .dienst-kies-stip{transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.dienst-kies:active,.dienst-kies:hover .dienst-kies-stip{transform:none}}