.staal-knop-slot{display:flex;align-items:stretch;width:100%;min-height:42px}.product-card__content>*:has(>.staal-knop-slot){margin-block-start:auto}:is(.product-grid,.resource-list):not(:has(.staal-knop)) .staal-knop-slot{display:none}.staal-knop{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:calc(100% - 1.5rem);margin-inline:.75rem;margin-block-end:.75rem;padding:.75rem 1.25rem;border:1px solid var(--color-variant-border, rgb(0 0 0 / 13%));border-radius:var(--style-border-radius-buttons-secondary, 16px);background-color:var(--color-variant-background, #ffffff);color:var(--color-variant-text, #333333);font-size:.875rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}@media screen and (max-width:749px){.staal-knop{gap:.375rem;padding-inline:.625rem;font-size:.8125rem}}.staal-knop:hover:not(:disabled){background-color:var(--color-variant-hover-background, #f5f5f5);border-color:var(--color-variant-hover-border, #e6e6e6)}.staal-knop.is-gekozen{background-color:var(--color-selected-variant-background, #333333);border-color:var(--color-selected-variant-border, #333333);color:var(--color-selected-variant-text, #ffffff)}.staal-knop.is-gekozen:hover:not(:disabled){background-color:var(--color-selected-variant-hover-background, #1a1a1a);border-color:var(--color-selected-variant-hover-border, #1a1a1a);color:var(--color-selected-variant-hover-text, #ffffff)}.staal-knop__laden{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .15s ease}.staal-knop__spinner{width:1rem;height:1rem;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;opacity:.7}.staal-knop[data-bezig=true]{cursor:not-allowed}.staal-knop[data-bezig=true] .staal-knop__icon,.staal-knop[data-bezig=true] [data-staal-knop-label]{opacity:0}.staal-knop[data-bezig=true] .staal-knop__laden{opacity:1}@keyframes staal-knop-draai{to{rotate:360deg}}@media(prefers-reduced-motion:no-preference){.staal-knop[data-bezig=true] .staal-knop__spinner{animation:staal-knop-draai 1s linear infinite}}@media(prefers-reduced-motion:reduce){.staal-knop[data-bezig=true] .staal-knop__spinner{animation:staal-knop-draai 2s linear infinite}}.staal-knop__icon{flex-shrink:0;width:1rem;height:1rem;transition:rotate .15s ease,opacity .15s ease}.staal-knop [data-staal-knop-label]{transition:opacity .15s ease}.staal-knop__icon-vink,.staal-knop.is-gekozen .staal-knop__icon-plus{display:none}.staal-knop.is-gekozen .staal-knop__icon-vink{display:inline}.staal-knop.is-gekozen:hover .staal-knop__icon{rotate:45deg}.staal-knop.is-gekozen:hover .staal-knop__icon-vink{display:none}.staal-knop.is-gekozen:hover .staal-knop__icon-plus{display:inline}
/*# sourceMappingURL=/cdn/shop/t/14/assets/staal-knop.css.map */