.sp-knop[data-v-7aa7c313]{--lip: 4px;--lip-kleur: var(--sp-hoofd-lip);position:relative;display:flex;width:100%;height:56px;align-items:center;justify-content:center;gap:.5rem;padding:0 1.25rem;border:0;border-radius:16px;background:var(--sp-hoofd);color:var(--sp-hoofd-tekst);box-shadow:0 var(--lip) 0 var(--lip-kleur);font-family:var(--font-body);font-size:18px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:translate var(--duur-tik) var(--ease-veer),box-shadow var(--duur-tik) var(--ease-veer)}.sp-knop.is-ingedrukt[data-v-7aa7c313]{translate:0 var(--lip);box-shadow:0 0 0 var(--lip-kleur);transition-duration:60ms;transition-timing-function:var(--ease-uit)}.sp-knop[data-v-7aa7c313]:focus-visible{outline:3px solid color-mix(in srgb,var(--sp-hoofd) 45%,transparent);outline-offset:3px}@media(hover:hover){.sp-knop[data-v-7aa7c313]:not(.is-uit):hover{filter:brightness(1.05)}}.sp-knop--klein[data-v-7aa7c313]{--lip: 3px;height:40px;padding:0 .875rem;border-radius:12px;font-size:16px}.sp-knop--tweede[data-v-7aa7c313]{--lip-kleur: var(--sp-tweede-lip);background:var(--sp-tweede);color:var(--sp-tweede-tekst);box-shadow:inset 0 0 0 2px var(--sp-tweede-lip),0 var(--lip) 0 var(--lip-kleur)}.sp-knop--tweede.is-ingedrukt[data-v-7aa7c313]{box-shadow:inset 0 0 0 2px var(--sp-tweede-lip),0 0 0 var(--lip-kleur)}.sp-knop--tekst[data-v-7aa7c313]{background:transparent;color:var(--sp-tekstknop);box-shadow:none}.sp-knop--tekst.is-ingedrukt[data-v-7aa7c313]{translate:0 2px;box-shadow:none}.sp-knop.is-uit[data-v-7aa7c313],.sp-knop.is-uit.is-ingedrukt[data-v-7aa7c313]{background:var(--sp-uit);color:var(--sp-uit-tekst);box-shadow:none;translate:none;cursor:not-allowed;filter:none}.sp-knop--tekst.is-uit[data-v-7aa7c313]{background:transparent}.sp-knop.is-laden[data-v-7aa7c313]{cursor:wait}html[data-beweging=minder] .sp-knop{transition-timing-function:var(--ease-uit)}@media(prefers-reduced-motion:reduce){html:not([data-beweging=vol]) .sp-knop{transition-timing-function:var(--ease-uit)}}