.sb-action{position:relative;margin:12px var(--space-4, 16px) 12px;padding:12px;border-radius:14px;background:var(--gk-yellow-500);display:flex;align-items:center;gap:11px;cursor:pointer;border:none;width:calc(100% - var(--space-4, 16px) * 2);text-align:left;font-family:inherit;color:var(--gk-grey-900);overflow:hidden;isolation:isolate;box-shadow:0 1px #0000000a,0 6px 14px -8px #d4b1348c;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease}.sb-action:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#ffffff73,#fff0 38%);pointer-events:none;z-index:1}.sb-action:hover{transform:translateY(-2px) rotate(-.4deg);box-shadow:0 1px #0000000d,0 10px 22px -10px #d4b134d9}.sb-action:active{transform:translateY(0) rotate(0)}.sb-action-burst{position:absolute;right:-32px;bottom:-34px;opacity:.85;z-index:0;pointer-events:none;animation:sbActionSpin 14s linear infinite;filter:drop-shadow(0 1px 0 rgba(216,60,117,.15))}.sb-action:hover .sb-action-burst{animation-duration:4s}@keyframes sbActionSpin{to{transform:rotate(360deg)}}.sb-action-confetti{position:absolute;width:4px;height:4px;border-radius:50%;z-index:0;pointer-events:none}.sb-action-confetti--a{top:9px;right:12px;background:var(--gk-grey-900);animation:sbActionBob 2.4s ease-in-out infinite}.sb-action-confetti--b{top:22px;right:30px;width:6px;height:6px;border-radius:2px;background:var(--gk-pink-500);transform:rotate(20deg);animation:sbActionBob 3.1s ease-in-out infinite .6s}.sb-action-confetti--c{bottom:10px;left:64px;width:5px;height:5px;background:var(--gk-green-700);animation:sbActionBob 2.7s ease-in-out infinite .3s}@keyframes sbActionBob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.sb-action-count{position:relative;z-index:2;flex-shrink:0;width:44px;height:44px;border-radius:12px;background:var(--gk-grey-900);color:var(--gk-yellow-500);display:grid;place-items:center;transform:rotate(-4deg);box-shadow:inset 0 -2px #ffffff0f,0 2px #0000002e;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.sb-action:hover .sb-action-count{transform:rotate(-7deg) scale(1.08)}.sb-action-count svg{display:block;transform-origin:5px 20px}.sb-action:hover .sb-action-count svg{animation:sbActionWave .9s ease-in-out infinite}@keyframes sbActionWave{0%,to{transform:rotate(0)}50%{transform:rotate(-8deg)}}.sb-action-text{position:relative;z-index:2;flex:1;min-width:0}.sb-action-eyebrow{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gk-grey-900);display:inline-flex;align-items:center;gap:5px;line-height:1.1;opacity:.78}.sb-action-pulse{width:6px;height:6px;border-radius:50%;background:var(--gk-pink-500);box-shadow:0 0 0 0 var(--gk-pink-500);animation:sbActionPulse 1.6s ease-out infinite}@keyframes sbActionPulse{0%{box-shadow:0 0 #ff509199}70%{box-shadow:0 0 0 7px #ff509100}to{box-shadow:0 0 #ff509100}}.sb-action-label{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--gk-grey-900);display:flex;align-items:center;gap:6px;margin-top:3px;line-height:1.15;letter-spacing:-.01em}.sb-action-label-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sb-action-arrow{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--gk-grey-900);color:var(--gk-yellow-500);transition:transform .25s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.sb-action:hover .sb-action-arrow{transform:translate(4px) rotate(-8deg)}@media(prefers-reduced-motion:reduce){.sb-action,.sb-action *,.sb-action *:before,.sb-action *:after{animation:none!important;transition:none!important}}