.qa-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.coffee-cup-btn{display:flex;align-items:center;gap:16px;padding:16px 24px;border:none;border-radius:16px;background:linear-gradient(145deg,#ffffff,#f0f0f0);box-shadow:6px 6px 12px rgba(0,0,0,.08),-6px -6px 12px rgba(255,255,255,.9);cursor:pointer;transition:all .2s ease;min-width:220px;text-align:left}.coffee-cup-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:8px 8px 16px rgba(0,0,0,.1),-8px -8px 16px rgba(255,255,255,.95)}.coffee-cup-btn:active:not(:disabled){transform:translateY(1px);box-shadow:inset 4px 4px 8px rgba(0,0,0,.06),inset -4px -4px 8px rgba(255,255,255,.8)}.coffee-cup-btn:disabled{cursor:not-allowed;opacity:.85;box-shadow:4px 4px 8px rgba(0,0,0,.05),-4px -4px 8px rgba(255,255,255,.7)}.cup-circle{position:relative;width:64px;height:64px;flex-shrink:0}.cup-circle:before{inset:0;background:radial-gradient(ellipse at 35% 25%,#ffffff 0,#f8f8f8 20%,#e8e8e8 50%,#d8d8d8 80%,#c8c8c8 100%);box-shadow:6px 6px 14px rgba(0,0,0,.2),-3px -3px 8px rgba(255,255,255,.9),inset 3px 3px 6px rgba(255,255,255,.8),inset -2px -2px 6px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.1)}.cup-circle:after,.cup-circle:before{content:"";position:absolute;border-radius:50%}.cup-circle:after{top:2px;left:8px;width:20px;height:8px;background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(255,255,255,0));filter:blur(1px);z-index:1}.cup-inner{width:46px;height:46px;background:linear-gradient(145deg,#f5f5f5,#e0e0e0 50%,#d0d0d0);box-shadow:inset 0 3px 8px rgba(0,0,0,.15),inset 0 -2px 4px rgba(255,255,255,.5),0 2px 4px rgba(0,0,0,.1);z-index:2}.coffee-surface,.cup-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.coffee-surface{width:38px;height:38px;overflow:hidden}.cup-inner.amber .coffee-surface{background:radial-gradient(ellipse at 30% 30%,#c4956a 0,#a67c52 25%,#8b5e34 50%,#6d4422 80%,#5c3a1d 100%);box-shadow:inset 0 2px 8px rgba(0,0,0,.3),inset 0 -1px 4px rgba(139,94,52,.5)}.cup-inner.amber .coffee-surface:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at center,transparent 60%,rgba(210,180,140,.6) 75%,rgba(180,150,110,.4) 90%,transparent 100%)}.cup-inner.amber .latte-art{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);width:16px;height:14px;display:block;background:radial-gradient(circle at 30% 35%,rgba(255,250,240,.95) 0,rgba(245,235,220,.9) 40%,rgba(230,215,190,.7) 70%,transparent 100%);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;filter:blur(.5px)}.cup-inner.purple .coffee-surface{background:radial-gradient(ellipse at 30% 30%,#b794c7 0,#9b72a8 25%,#7d5a8a 50%,#5f426c 80%,#4a3356 100%);box-shadow:inset 0 2px 8px rgba(0,0,0,.3),inset 0 -1px 4px rgba(125,90,138,.5)}.cup-inner.purple .coffee-surface:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at center,transparent 60%,rgba(200,170,210,.5) 75%,rgba(170,140,180,.3) 90%,transparent 100%)}.cup-inner.purple .sparkle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));z-index:5}.cup-inner.disabled{background:linear-gradient(145deg,#e8e8e8,#d8d8d8 50%,#c8c8c8)}.cup-inner.disabled .coffee-surface{background:radial-gradient(ellipse at 30% 30%,#d4d4d4 0,#b8b8b8 25%,#9a9a9a 50%,#7a7a7a 80%,#6a6a6a 100%);box-shadow:inset 0 2px 6px rgba(0,0,0,.15),inset 0 -1px 3px rgba(100,100,100,.3)}.cup-inner.disabled .coffee-surface:before{background:radial-gradient(ellipse at center,transparent 60%,rgba(180,180,180,.4) 75%,rgba(160,160,160,.2) 90%,transparent 100%)}.cup-inner.disabled .latte-art{display:none}.btn-text h3{font-size:15px;font-weight:600;color:#333;margin-bottom:2px}.btn-text p{font-size:13px;color:#888;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-text p.amber{color:#b8864a}.btn-text p.purple{color:#9b72b0}.btn-text p.disabled{color:#999}