:is(a,button,span).stf-btn{border-color:transparent;background-color:var(--accent);background-image:linear-gradient(115deg,var(--accent-deep) 0,var(--accent) 42%,color-mix(in srgb,var(--accent) 58%,#a6ecbb) 100%);background-size:135% 100%;background-position:0 50%;color:var(--accent-contrast);box-shadow:0 14px 28px -12px color-mix(in srgb,var(--accent) 75%,transparent),0 4px 10px -4px color-mix(in srgb,var(--accent-deep) 45%,transparent),inset 0 1px 0 rgba(255,255,255,.2);transition:background-position .5s ease,box-shadow .3s ease,transform .2s ease}:is(a,button,span).stf-btn:hover{background-position:100% 50%;box-shadow:0 20px 38px -14px color-mix(in srgb,var(--accent) 85%,transparent),0 6px 14px -6px color-mix(in srgb,var(--accent-deep) 50%,transparent),inset 0 1px 0 rgba(255,255,255,.24);transform:translateY(-1px)}:is(a,button,span).stf-btn:active{box-shadow:0 8px 18px -10px color-mix(in srgb,var(--accent) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.16);transform:translateY(0)}:is(a,button,span).stf-btn-soft{border-color:color-mix(in srgb,var(--accent) 24%,var(--line-strong));background-color:var(--surface);background-image:linear-gradient(180deg,var(--surface) 0,color-mix(in srgb,var(--accent-soft) 75%,var(--surface)) 100%);box-shadow:0 12px 24px -16px color-mix(in srgb,var(--accent) 55%,transparent),0 2px 6px -3px rgba(12,32,22,.14);transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease}:is(a,button,span).stf-btn-soft:hover{background-color:var(--accent-soft);box-shadow:0 18px 32px -18px color-mix(in srgb,var(--accent) 65%,transparent),0 3px 8px -3px rgba(12,32,22,.16);transform:translateY(-1px)}:is(a,button,span).stf-btn-soft:active{transform:translateY(0)}:is(a,button,span).stf-btn-soft:disabled,:is(a,button,span).stf-btn:disabled{background-image:none;box-shadow:none;transform:none}@media (prefers-reduced-motion:reduce){:is(a,button,span).stf-btn,:is(a,button,span).stf-btn-soft{transition:none}:is(a,button,span).stf-btn-soft:hover,:is(a,button,span).stf-btn:hover{transform:none}}