/* Taplink tugmalari: minimal 3D — yengil qalinlik, sekin tilt, bosilganda chuqurlashish. */
.lk-list{perspective:900px}
.lk-btn{
  --rx:0deg; --ry:0deg; --ty:0px; --lift:3px;
  transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(var(--ty)); transform-style:preserve-3d;
  box-shadow:0 var(--lift) 0 rgba(11,36,25,.16), 0 10px 22px rgba(11,36,25,.10);
  transition:transform .18s ease-out, box-shadow .2s ease, border-color .25s ease;
  animation:lk3dIn .7s cubic-bezier(.2,.8,.2,1) backwards;
}
:root[data-theme="dark"] .lk-btn{box-shadow:0 var(--lift) 0 rgba(0,0,0,.45), 0 10px 22px rgba(0,0,0,.28)}
.lk-btn-main{box-shadow:0 var(--lift) 0 #145a30, 0 12px 26px rgba(31,122,67,.35)}
.lk-btn:hover{--ty:-2px; --lift:5px}
.lk-btn:active,.lk-btn.is-press{--ty:2px; --lift:1px; transition-duration:.08s}
.lk-btn .lk-ic{transform:translateZ(16px)}
.lk-btn:hover .lk-ic{transform:translateZ(22px) rotate(-6deg)}
.lk-btn .lk-text{transform:translateZ(8px)}
@keyframes lk3dIn{from{opacity:0; transform:perspective(700px) rotateX(-55deg) translateY(18px)}to{opacity:1; transform:none}}
.lk-sub .lk-btn{animation:none}
@media (prefers-reduced-motion:reduce){.lk-btn{animation:none; transition:none}}

/* ---------- 1+1 Coffee: e'tiborni tortadigan animatsiya ---------- */
.lk-btn.lk-coffee{
  background:linear-gradient(120deg, rgba(217,164,65,.22), var(--card-glass) 55%);
  border-color:rgba(217,164,65,.75);
  animation:lk3dIn .7s cubic-bezier(.2,.8,.2,1) backwards, lkRing 2.2s ease-out 1.4s infinite, lkNudge 5s ease-in-out 3s infinite;
}
.lk-coffee .lk-text strong{background:linear-gradient(90deg,var(--text),var(--green) 45%,var(--gold) 70%,var(--text)); background-size:250% 100%;
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent; animation:lkText 3.6s linear infinite}
.lk-coffee .lk-ic{animation:lkCup 2.6s ease-in-out infinite; box-shadow:0 0 0 0 rgba(217,164,65,.6)}
.lk-coffee .lk-arrow{color:var(--gold); animation:lkArrow 1.2s ease-in-out infinite}
.lk-coffee::after{content:''; position:absolute; top:0; left:-60%; width:35%; height:100%; pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(217,164,65,.45),transparent); transform:skewX(-18deg); animation:lkShine 2.8s ease-in-out 1s infinite}
@keyframes lkRing{
  0%{box-shadow:0 var(--lift) 0 rgba(11,36,25,.16), 0 10px 22px rgba(11,36,25,.10), 0 0 0 0 rgba(217,164,65,.65)}
  70%,100%{box-shadow:0 var(--lift) 0 rgba(11,36,25,.16), 0 10px 22px rgba(11,36,25,.10), 0 0 0 16px rgba(217,164,65,0)}
}
@keyframes lkNudge{0%,86%,100%{translate:0 0; rotate:0deg}90%{translate:0 -3px; rotate:-.8deg}94%{translate:0 0; rotate:.8deg}97%{translate:0 -1px; rotate:-.4deg}}
@keyframes lkCup{0%,70%,100%{transform:translateZ(16px) rotate(0)}76%{transform:translateZ(22px) rotate(-14deg) scale(1.12)}84%{transform:translateZ(22px) rotate(12deg) scale(1.12)}92%{transform:translateZ(16px) rotate(-6deg)}}
@keyframes lkArrow{50%{transform:translateX(5px)}}
@keyframes lkText{to{background-position:-250% 0}}
@media (prefers-reduced-motion:reduce){.lk-btn.lk-coffee,.lk-coffee .lk-ic,.lk-coffee .lk-arrow,.lk-coffee::after,.lk-coffee .lk-text strong{animation:none}}