.pil{--pil-vlak: var(--inkt);--pil-inkt: var(--vlak-licht);position:relative;display:inline-flex;align-items:center;font-size:1rem;color:var(--pil-vlak);-webkit-tap-highlight-color:transparent}.pil__schijf{display:grid;width:2.5em;height:2.5em;border-radius:50%;pointer-events:none}.pil__schijf>*{grid-area:1 / 1}.pil__schijf--tweede{position:absolute;top:-.125em;right:0}.pil__vlak{border-radius:50%;background:var(--pil-vlak);transition:scale .75s var(--veer),opacity .15s ease-out,background .35s var(--standaard)}.pil__pijl{place-self:center;width:.625em;height:.625em;color:var(--pil-inkt)}.pil__schijf--eerste .pil__pijl{transition:translate .3s .15s var(--stuiter),scale .3s .1s var(--standaard),opacity .15s .15s ease-out,filter .15s .15s ease-out}.pil__schijf--tweede .pil__vlak{scale:0;opacity:0;transition:scale 0s .2s,opacity .15s ease-out}.pil__schijf--tweede .pil__pijl{translate:-.75em .75em 0;filter:blur(.5rem);opacity:0;scale:.625;transition:translate 0s .2s,scale 0s .2s,opacity .12s ease-out,filter 0s .2s}.pil__tekst{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;padding:.3125em .9375em .5625em;border-radius:12.5em;background:var(--pil-vlak);color:var(--pil-inkt);white-space:nowrap;transition:translate .8s var(--veer),rotate .8s var(--veer),scale .35s var(--standaard),transform .35s var(--standaard),background .35s var(--standaard),color .35s var(--standaard)}.pil__woord{font-family:var(--font-kop);font-size:2em;font-weight:500;letter-spacing:-.02em;line-height:.8}@media(hover:hover)and (pointer:fine){.pil:is(.is-hover,:focus-visible) .pil__tekst{translate:-2.5em -.325em 0;rotate:-4deg;scale:.945 .915;transform:scale(1.0582,1.0929);transition:translate .8s .1s var(--veer),rotate .8s .1s var(--veer),scale .15s .1s var(--standaard),transform .35s .25s var(--stuiter)}.pil:is(.is-hover,:focus-visible) .pil__schijf--eerste .pil__vlak{scale:0;opacity:0;transition:scale .35s var(--standaard),opacity .15s .15s ease-out}.pil:is(.is-hover,:focus-visible) .pil__schijf--eerste .pil__pijl{translate:-.75em .75em 0;filter:blur(.5rem);opacity:0;scale:.625;transition:translate .75s .1s var(--veer),scale .25s .1s var(--standaard),opacity .1s .15s ease-out,filter .1s .15s ease-out}.pil:is(.is-hover,:focus-visible) .pil__schijf--tweede .pil__vlak{scale:1;opacity:1;transition:scale .75s .1s var(--veer),opacity .15s ease-out}.pil:is(.is-hover,:focus-visible) .pil__schijf--tweede .pil__pijl{translate:0 0 0;filter:blur(0);opacity:1;scale:1;transition:translate .3s .2s var(--stuiter),scale .3s .15s var(--standaard),opacity .15s .2s ease-out,filter .15s .2s ease-out}}.pil--licht{--pil-vlak: var(--vlak-licht);--pil-inkt: var(--inkt)}.tekstlink__tekst{display:inline-block;transition:translate .725s var(--veer),rotate .725s var(--veer),scale .35s var(--standaard),transform .35s var(--standaard)}@media(hover:hover)and (pointer:fine){.tekstlink:is(:hover,:focus-visible) .tekstlink__tekst{translate:.0675em -.125em 0;rotate:2deg;scale:.955 .925;transform:scale(1.0471204188,1.0810810811);transition:translate .725s .1s var(--veer),rotate .725s .1s var(--veer),scale .15s .1s var(--standaard),transform .35s .25s var(--stuiter)}}.glasvlak,.glasknop{--knopvlak: color-mix(in srgb, var(--wit) 62%, transparent);background-color:var(--knopvlak);color:var(--inkt);box-shadow:0 2px 8px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.glasknop{border:0;cursor:pointer;transition:scale .25s var(--stuiter),background-color .25s var(--standaard),color .25s var(--standaard)}.glasknop:active{scale:.94}@media(hover:hover)and (pointer:fine){.glasknop:hover:not(:active){background-color:color-mix(in srgb,var(--knopvlak) 90%,transparent)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/knoppen.css.map */