
.apfree{display:flex;align-items:center;gap:12px;margin:10px 0 4px;padding:9px 12px 9px 9px;border-radius:13px;text-decoration:none;color:#ece6da;border:1px solid rgba(255,200,58,.22);
 background:linear-gradient(180deg,rgba(255,200,58,.13),rgba(255,200,58,.04));box-shadow:0 1px 0 rgba(255,255,255,.08) inset,0 4px 10px rgba(0,0,0,.3);transition:transform .15s,box-shadow .15s,border-color .15s,background .15s}
.apfree .apfi{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#3b2100;background:linear-gradient(180deg,#ffe98a,#ffc83a 55%,#f4a00c);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 -2px 0 rgba(150,80,0,.3) inset,0 4px 10px rgba(245,162,15,.4)}
.apfree .apft{display:flex;flex-direction:column;min-width:0;line-height:1.3;flex:1}
.apfree .apft b{font-size:14.5px;font-weight:700;color:#fff}
.apfree .apft small{font-size:12px;color:#b9ad9a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.apfree>i{flex:none;font-style:normal;font-size:16px;color:#ffc83a;opacity:.7;transition:transform .15s,opacity .15s}
.apfree:hover,.apfree:focus-visible{outline:0;transform:translateY(-1px);border-color:rgba(255,200,58,.5);background:linear-gradient(180deg,rgba(255,200,58,.2),rgba(255,200,58,.07));box-shadow:0 1px 0 rgba(255,255,255,.1) inset,0 8px 18px rgba(0,0,0,.4),0 0 24px -8px rgba(255,200,58,.4)}
.apfree:hover>i,.apfree:focus-visible>i{opacity:1;transform:translate(2px,-2px)}
.apfree:active{transform:translateY(1px)}
@media(prefers-reduced-motion:reduce){.apfree,.apfree>i{transition:none}}
