.app-btn{border:1px solid transparent;border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-sans);font-weight:700;gap:.55rem;isolation:isolate;justify-content:center;letter-spacing:-.01em;overflow:hidden;text-decoration:none;transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out),background .25s ease,color .25s ease,border-color .25s ease;white-space:nowrap}.app-btn,.app-btn__label{align-items:center;display:inline-flex;position:relative}.app-btn__label{gap:.5rem;z-index:1}.app-btn:before{background:linear-gradient(100deg,transparent 20%,hsla(0,0%,100%,.35) 50%,transparent 80%);content:"";inset:0;position:absolute;transform:translate(-130%);transition:transform .7s var(--ease-out);z-index:0}.app-btn:hover:before{transform:translate(130%)}.app-btn:disabled{opacity:.45;pointer-events:none}.app-btn--sm{font-size:.875rem;height:2.6rem;padding-inline:1.15rem}.app-btn--md{font-size:1rem;height:3.25rem;padding-inline:1.7rem}.app-btn--lg{font-size:1.12rem;height:3.9rem;padding-inline:2.2rem}.app-btn--filled{background:var(--grad-warm);background-size:160% 160%;box-shadow:var(--shadow-accent);color:#fff}.app-btn--filled:hover{box-shadow:0 30px 60px -18px #f4491499;transform:translateY(-3px)}.app-btn--ink{background:var(--ink);color:var(--bone)}.app-btn--ink:hover{background:var(--ink-2);box-shadow:var(--shadow-card);transform:translateY(-3px)}.app-btn--outlined{background:transparent;border-color:var(--line-2);color:var(--color-text-primary)}.app-btn--outlined:before{background:linear-gradient(100deg,transparent 20%,rgba(244,73,20,.12) 50%,transparent 80%)}.app-btn--outlined:hover{border-color:var(--ink);transform:translateY(-3px)}.app-btn--ghost{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;border-color:var(--line);color:var(--color-text-primary)}.app-btn--ghost:hover{border-color:var(--ink);transform:translateY(-3px)}