.action-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:12px;font-weight:600;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(180deg,var(--btn-bg) 0,color-mix(in srgb,var(--btn-bg) 85%,#000) 100%);color:var(--btn-text);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.25),inset 0 -1px 0 rgba(0,0,0,.15),0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06),0 8px 16px rgba(0,0,0,.08);transform:translateY(0) scale(1);transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s ease,background .2s ease}.action-button:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,0));border-radius:12px 12px 0 0;pointer-events:none}.action-button:hover:not(.action-button--disabled){transform:translateY(-3px) scale(1.02);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -1px 0 rgba(0,0,0,.1),0 10px 20px -5px rgba(0,0,0,.15),0 4px 8px -2px rgba(0,0,0,.1),0 16px 32px rgba(0,0,0,.12);background:linear-gradient(180deg,var(--btn-hover) 0,color-mix(in srgb,var(--btn-hover) 85%,#000) 100%)}.action-button:active:not(.action-button--disabled){transform:translateY(1px) scale(.98);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),inset 0 -1px 0 rgba(0,0,0,.2),0 2px 4px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.08)}.action-button--disabled{opacity:.5;cursor:not-allowed;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.1),0 2px 4px rgba(0,0,0,.05)}.action-button--loading{pointer-events:none}.action-button-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.action-button-icon{display:inline-flex;align-items:center;justify-content:center}.action-button-icon--left{margin-right:4px}.action-button-icon--right{margin-left:4px}.action-button-text{white-space:nowrap}.action-button--sm{border-radius:8px}.action-button--lg{border-radius:14px}.action-button:focus-visible{outline:2px solid var(--btn-bg);outline-offset:2px}