.packaging-3d-pill{--pill-x:0px;--pill-y:0px;--pill-scale:1;position:absolute;bottom:16px;right:16px;z-index:10;display:flex;align-items:center;gap:8px;padding:10px 16px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:24px;box-shadow:0 4px 20px rgba(0,0,0,.15);cursor:pointer;font-family:inherit;opacity:1;transform:translate(var(--pill-x),var(--pill-y)) scale(var(--pill-scale));transition:box-shadow .3s ease,background .3s ease}.packaging-3d-pill.pill-transitioning{transition:transform 1.2s cubic-bezier(.16, 1, .3, 1),box-shadow .3s ease,background .3s ease}.packaging-3d-pill:hover{transform:translate(var(--pill-x),var(--pill-y)) scale(var(--pill-scale)) translateY(-2px);box-shadow:0 6px 24px rgba(0,0,0,.2);background:#fff}.packaging-3d-pill:active{transform:translate(var(--pill-x),var(--pill-y)) scale(var(--pill-scale))}.packaging-3d-pill__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.packaging-3d-pill__icon img{width:20px;height:20px;object-fit:contain}.packaging-3d-pill__text{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:#000;letter-spacing:.02em;white-space:nowrap}@media (max-width:767px){.packaging-3d-pill{padding:8px 14px;gap:6px;bottom:12px;right:12px}.packaging-3d-pill__text{font-size:12px}.packaging-3d-pill__icon img{width:18px;height:18px}}