.icoon{flex:none;overflow:visible}.knop{display:inline-flex;align-items:center;justify-content:center;gap:var(--r-2);min-height:var(--knop-h);padding:0 var(--r-5);font-family:var(--font-tekst);font-size:var(--fs-17);font-weight:450;line-height:1.2;border:1.5px solid transparent;border-radius:var(--radius);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background-color var(--duur) var(--ease),border-color var(--duur) var(--ease),color var(--duur) var(--ease)}.knop--groot{min-height:var(--knop-h);padding:0 var(--r-6);font-size:var(--fs-17)}.knop--vol{width:100%}.knop--primair{background:var(--actie);color:var(--wit)}.knop--primair:hover{background:var(--actie-donker);color:var(--wit)}.knop--secundair{background:transparent;color:var(--actie);border-color:var(--actie)}.knop--secundair:hover{background:var(--tegel);color:var(--actie-donker);border-color:var(--actie-donker)}.knop--licht{background:var(--wit);color:var(--walnut)}.knop--licht:hover{background:var(--tegel);color:var(--walnut)}.knop--omlijnd{background:transparent;color:var(--wit);border:1px solid color-mix(in srgb,var(--wit) 75%,transparent)}.knop--omlijnd:hover{background:color-mix(in srgb,var(--wit) 14%,transparent);color:var(--wit);border-color:var(--wit)}.knop--zacht{background:color-mix(in srgb,var(--actie) 10%,var(--wit));color:var(--actie-donker);border-color:transparent}.knop--zacht:hover{background:color-mix(in srgb,var(--actie) 17%,var(--wit));color:var(--actie-donker)}.knop--klein{min-height:var(--knop-h-s);padding:0 var(--r-4);font-size:var(--fs-15)}.knop--tekst{min-height:44px;padding:0;border:0;background:none;color:var(--actie);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.knop--tekst:hover{color:var(--actie-donker);text-decoration-thickness:2px}.knop:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){.knop:active{transform:none}}.knop[disabled],.knop[aria-disabled=true]{opacity:.5;cursor:not-allowed}@media(max-width:400px){.knop:not(.knop--tekst){white-space:normal;text-align:center;padding-block:var(--r-2)}.knop--tekst{white-space:normal}}