/* CSS animation inspired by the supplied video: a small product-pack illustration slides onto a blue order button. */
.order-anim-btn{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;width:100%;min-height:52px;padding:10px 12px;border:0;border-radius:13px;background:linear-gradient(110deg,#0756cf,#0878ff 55%,#1687ff);color:#fff;font:800 14px 'DM Sans','Noto Sans Bengali',sans-serif;box-shadow:0 10px 22px #0866e82b;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}
.order-anim-btn:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 20%,#ffffff35 45%,transparent 70%);transform:translateX(-130%);animation:buttonShine 4s ease-in-out infinite}
.order-anim-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #0866e84a;background:linear-gradient(110deg,#0649b5,#0878ff 55%,#2993ff)}
.order-anim-btn:active{transform:scale(.98)}
.btn-art{position:absolute;left:9px;top:50%;width:48px;height:42px;display:grid;place-items:center;transform:translateY(-50%);animation:packArrive 3.2s cubic-bezier(.2,.75,.25,1) infinite;pointer-events:none}
.btn-art svg{width:48px;height:40px;overflow:visible;filter:drop-shadow(0 3px 2px #003c9a55)}
.art-shadow{fill:#003c9a55}.art-pack{fill:#e8f3ff;stroke:#fff;stroke-width:1.4}.art-label{fill:#ffcf42;stroke:#fff;stroke-width:1}.art-shine{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round}.art-spark{fill:#fff;animation:sparkPulse 1.2s ease-in-out infinite}
.order-btn-text{position:relative;display:block;margin-left:38px;white-space:nowrap;animation:textSettle 3.2s ease-in-out infinite}.order-btn-arrow{position:absolute;right:15px;font-size:18px;line-height:1;transition:transform .2s}.order-anim-btn:hover .order-btn-arrow{transform:translate(3px,-3px)}
@keyframes packArrive{0%,12%{transform:translate(-42px,-50%) rotate(-18deg);opacity:0}24%{opacity:1}38%{transform:translate(0,-50%) rotate(0)}48%,78%{transform:translate(0,-50%) rotate(0);opacity:1}90%,100%{transform:translate(7px,-50%) rotate(7deg);opacity:.15}}
@keyframes textSettle{0%,20%{opacity:.15;transform:translateX(9px)}38%,82%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(0)}}
@keyframes buttonShine{0%,52%{transform:translateX(-130%)}76%,100%{transform:translateX(130%)}}
@keyframes sparkPulse{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.5)}}
@keyframes selectedPulse{0%{box-shadow:0 0 0 0 #0866e82b}70%{box-shadow:0 0 0 9px #0866e800}100%{box-shadow:none}}
@media(prefers-reduced-motion:reduce){.order-anim-btn:before,.btn-art,.order-btn-text,.art-spark{animation:none}.order-anim-btn{transition:none}}