html body #px170-promo.promo .promo-inner>a.px178-coffee-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:9px!important}
html body #px170-promo .px178-coffee{display:inline-flex;position:relative;align-items:center;justify-content:center;width:20px;height:22px;flex:0 0 20px}
html body #px170-promo .px178-cup{display:block;font-size:17px;line-height:22px;transform-origin:65% 70%;will-change:auto}
html body #px170-promo .px178-steam{position:absolute;top:-3px;left:6px;width:10px;height:8px;opacity:0;pointer-events:none}
html body #px170-promo .px178-steam:before,html body #px170-promo .px178-steam:after{content:'';position:absolute;top:0;width:3px;height:7px;border-left:1px solid #e0f4fd;border-radius:50%;left:0}
html body #px170-promo .px178-steam:after{left:5px;top:1px}
@keyframes px178-sip{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(-1px,-2px) rotate(-8deg)}50%,62%{transform:translate(-2px,-3px) rotate(-22deg)}82%{transform:translate(0,-1px) rotate(-5deg)}}
@keyframes px178-steam-rise{0%{opacity:0;transform:translateY(2px) scale(.8)}30%{opacity:.65}80%,100%{opacity:0;transform:translateY(-5px) scale(1.15)}}
html body #px170-promo .px178-coffee-link:focus-visible .px178-cup{animation:px178-sip 1.5s cubic-bezier(.4,0,.2,1) 1}
html body #px170-promo .px178-coffee-link:focus-visible .px178-steam{animation:px178-steam-rise 1.5s ease-out 1}
@media(hover:hover) and (pointer:fine){html body #px170-promo .px178-coffee-link:hover .px178-cup{animation:px178-sip 1.5s cubic-bezier(.4,0,.2,1) 1}html body #px170-promo .px178-coffee-link:hover .px178-steam{animation:px178-steam-rise 1.5s ease-out 1}}
@media(prefers-reduced-motion:reduce){html body #px170-promo .px178-coffee-link .px178-cup,html body #px170-promo .px178-coffee-link .px178-steam{animation:none!important}}