.knop-goud{position:relative;overflow:hidden;border-color:var(--navy-900);background:var(--navy-900);color:var(--white);font-weight:700;transition:background-color .5s cubic-bezier(.22,1,.36,1),border-color .5s cubic-bezier(.22,1,.36,1),box-shadow .2s ease,transform .2s ease}.knop-goud--aan{border-color:#bd9850;background:#bd9850;animation:knop-goud-in .6s cubic-bezier(.22,1,.36,1)}.knop-goud--aan:hover:not(:disabled){border-color:var(--gold-600);background:var(--gold-600);box-shadow:0 10px 24px rgba(189,152,80,.4)}.knop-goud--aan:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,hsla(0,0%,100%,.55) 50%,transparent 70%);transform:translateX(-100%);animation:knop-goud-glans .9s cubic-bezier(.4,0,.2,1) .3s;pointer-events:none}@keyframes knop-goud-in{0%{transform:scale(.94);box-shadow:0 0 0 0 rgba(189,152,80,.6)}60%{transform:scale(1.03)}to{transform:scale(1);box-shadow:0 0 0 16px rgba(189,152,80,0)}}@keyframes knop-goud-glans{to{transform:translateX(100%)}}@media (prefers-reduced-motion:reduce){.knop-goud{transition:none;animation:none}.knop-goud--aan:after{display:none}}