.gift-button{position:relative;width:220px;height:245px;padding:0;margin:18px auto 22px;font-size:inherit;isolation:isolate;overflow:visible;filter:drop-shadow(0 16px 15px #9d40632a)}
.gift-drawing{display:block;width:100%;height:100%;overflow:visible;position:relative;z-index:2}
.gift-emoji{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;font-size:160px;line-height:1;pointer-events:none}
.gift-base.gift-emoji{clip-path:inset(calc(50% + 6px) 0 0)}
.gift-lid.gift-emoji{clip-path:inset(0 0 calc(50% - 6px))}
.gift-glow{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,#fff9df 0%,#ffe8a899 30%,transparent 70%);opacity:0;transform:scale(.3);z-index:0;pointer-events:none}
.gift-burst{position:absolute;left:50%;top:45%;width:0;height:0;z-index:3;pointer-events:none}
.gift-burst i{position:absolute;width:9px;height:14px;background:#b83d67;border-radius:2px;opacity:0}
.gift-burst i:nth-child(3n){background:#d6a143}.gift-burst i:nth-child(3n+1){background:#b795ca}
.gift-button.opening{animation:gift-anticipation .45s ease-in-out both;cursor:default}
.opening .gift-lid{transform-box:fill-box;transform-origin:50% 70%;animation:gift-lift 1.2s cubic-bezier(.2,.7,.3,1) .4s both}
.opening .gift-base{transform-box:fill-box;transform-origin:center bottom;animation:gift-settle .65s ease-out .4s both}
.opening .gift-glow{animation:gift-reveal-glow 1.3s ease-out .35s both}
.opening .gift-burst i{animation:gift-pop 1.15s cubic-bezier(.12,.68,.28,1) calc(.45s + var(--delay)) both}
@keyframes gift-anticipation{0%,100%{transform:rotate(0)}20%{transform:rotate(-6deg) scale(.97)}45%{transform:rotate(6deg) scale(.96)}70%{transform:rotate(-4deg) scale(1.02)}}
@keyframes gift-lift{0%{transform:translateY(0) rotate(0)}75%,100%{transform:translate(30px,-145px) rotate(23deg)}}
@keyframes gift-settle{0%{transform:scale(1)}35%{transform:scale(1.06,.92)}70%{transform:scale(.98,1.03)}100%{transform:scale(1)}}
@keyframes gift-reveal-glow{0%{opacity:0;transform:scale(.3)}45%{opacity:1;transform:scale(1.9)}100%{opacity:0;transform:scale(2.8)}}
@keyframes gift-pop{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(var(--x),var(--y)) rotate(var(--r))}}
@media(max-width:600px){.gift-button{width:190px;height:220px}.gift-emoji{font-size:140px}}
@media(prefers-reduced-motion:reduce){.gift-button,.gift-button.opening,.opening .gift-lid,.opening .gift-base,.opening .gift-glow,.opening .gift-burst i{animation:none!important}}

.gift-button:disabled,.gift-emoji,.gift-screen{opacity:1}
.opening .gift-base{animation:none}

.gift-button,.gift-button:disabled,.gift-emoji{color:#69213b;-webkit-text-fill-color:#69213b}