.knop{display:inline-flex;align-items:center;justify-content:center;gap:var(--r-2);min-height:48px;padding:0 var(--r-5);font-family:var(--font-tekst);font-size:var(--fs-17);font-weight:500;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:56px;padding:0 var(--r-6);font-size:var(--fs-17)}.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(--mist);color:var(--actie-donker);border-color:var(--actie-donker)}.knop--licht{background:var(--wit);color:var(--walnut)}.knop--licht:hover{background:var(--mist);color:var(--walnut)}.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)}.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}}.icoon{flex:none;overflow:visible}