.app-btn{text-align:center;background:linear-gradient(180deg, var(--brand-light), var(--brand-mid));color:#fff;border:1px solid var(--brand-shadow);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:Georgia,serif;font-size:15px;line-height:1.2;text-decoration:none;transition:transform 50ms,background .1s,box-shadow .1s;display:inline-flex;box-shadow:0 2px 4px #0000004d}.app-btn__icon{object-fit:contain;filter:drop-shadow(0 1px 1px #00000073);pointer-events:none;flex:none;width:16px;height:16px}.app-btn--primary:hover:not(:disabled){background:linear-gradient(180deg, var(--brand-primary), var(--brand-shadow));transform:translateY(-1px)}.app-btn--danger{background:linear-gradient(#c94a4a,#a32a2a);border-color:#8b2020}.app-btn--danger:hover:not(:disabled){background:linear-gradient(#b83a3a,#8b2020);transform:translateY(-1px)}.app-btn:disabled{opacity:.45;cursor:not-allowed}.app-btn--compact{padding:6px 12px;font-size:13px}.primary-btn,.ghost-btn{text-align:center;background:linear-gradient(180deg, var(--brand-light), var(--brand-mid));color:#fff;border:1px solid var(--brand-shadow);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:10px 18px;font-family:Georgia,serif;font-size:15px;line-height:1.2;text-decoration:none;transition:transform 50ms,background .1s;display:inline-flex;box-shadow:0 2px 4px #0000004d}.primary-btn:hover:not(:disabled),.ghost-btn:hover:not(:disabled){background:linear-gradient(180deg, var(--brand-primary), var(--brand-shadow));transform:translateY(-1px)}.primary-btn:disabled,.ghost-btn:disabled{opacity:.45;cursor:not-allowed}