@layer components{.duck-button-primary{--color-shadow:color-mix(in oklab,var(--color-primary)65%,transparent)}.duck-button-outline{--color-shadow:color-mix(in oklab,var(--color-input)100%,transparent)}.duck-button-secondary{--color-shadow:color-mix(in oklab,var(--color-input)25%,transparent)}.duck-button-destructive{--color-shadow:color-mix(in oklab,var(--color-destructive)25%,transparent)}.duck-button{box-shadow:0px 2px 0px var(--color-shadow)}.duck-button:hover{box-shadow:0px 4px 0px var(--color-shadow);cursor:pointer;transform:translateY(-2px)}.duck-button:active{box-shadow:0px 0px 0px var(--color-shadow);transform:translateY(2px)}.duck-button:disabled{box-shadow:none;opacity:.5}.duck-button:disabled:hover{cursor:not-allowed;transform:none}}