.box-body{position:relative;height:12.77px;width:16.48px;margin-top:6px;background-color:#cc231e;background:#ffc664;border-bottom-left-radius:3px;border-bottom-right-radius:3px}.box-body .img{opacity:0;transform:translateY(0);transition:all 2s;margin:0 auto;max-width:9px;transform:rotate(90deg)}.gift-box .box-body:hover{cursor:pointer;-webkit-animation:box-body 1s forwards ease-in-out;animation:box-body 1s forwards ease-in-out}.gift-box .box-body:hover .img{opacity:1;z-index:0;transform:translate(8.38px,-11.47px)}.gift-box .box-body:hover .box-lid{-webkit-animation:box-lid 1s forwards ease-in-out;animation:box-lid 1s forwards ease-in-out}.box-body:hover .box-bowtie:before{-webkit-animation:box-bowtie-left 1.1s forwards ease-in-out;animation:box-bowtie-left 1.1s forwards ease-in-out}.gift-box .box-body:hover .box-bowtie:after{-webkit-animation:box-bowtie-right 1.1s forwards ease-in-out;animation:box-bowtie-right 1.1s forwards ease-in-out}.box-body:after{content:"";position:absolute;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:3.8px;background:#ff5d60}.box-lid{position:absolute;z-index:1;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);bottom:90%;height:40px;background-color:#ffdd9e;height:5px;width:20px;border-radius:4px;box-shadow:0 8px 4px -4px #0000004d}.box-lid:after{content:"";position:absolute;top:0;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translate(-50%);width:3.8px;background:#ff5d60}.box-bowtie{z-index:1;height:100%}.box-bowtie:before{content:"";width:7.0817px;height:3.849px;border:1.5px solid #FF5D60;border-radius:50% 50% 0;position:absolute;bottom:99%;z-index:-1}.box-bowtie:after{content:"";width:7.0817px;height:3.849px;border:1.5px solid #FF5D60;border-radius:50% 50% 0;position:absolute;bottom:99%;z-index:-1}.box-bowtie:before{left:50%;-webkit-transform:translateX(-100%) skew(10deg,10deg);transform:translate(-100%) skew(10deg,10deg)}.box-bowtie:after{left:50%;-webkit-transform:translateX(0%) rotate(90deg) skew(10deg,10deg);transform:translate(0) rotate(130deg) skew(10deg,10deg)}@-webkit-keyframes box-lid{0%,42%{-webkit-transform:translate3d(-50%,0%,0) rotate(0deg);transform:translate3d(-50%,0,0) rotate(0)}60%{-webkit-transform:translate3d(-85%,-230%,0) rotate(-25deg);transform:translate3d(-85%,-230%,0) rotate(-25deg)}90%,to{-webkit-transform:translate3d(-119%,225%,0) rotate(-70deg);transform:translate3d(-119%,225%,0) rotate(-70deg)}}@keyframes box-lid{0%,42%{-webkit-transform:translate3d(-50%,0%,0) rotate(0deg);transform:translate3d(-50%,0,0) rotate(0)}60%{-webkit-transform:translate3d(-85%,-230%,0) rotate(-25deg);transform:translate3d(-85%,-230%,0) rotate(-25deg)}90%,to{-webkit-transform:translate3d(-119%,225%,0) rotate(-70deg);transform:translate3d(-119%,225%,0) rotate(-70deg)}}@-webkit-keyframes box-body{0%{-webkit-transform:translate3d(0%,0%,0) rotate(0deg);transform:translateZ(0) rotate(0)}25%{-webkit-transform:translate3d(0%,25%,0) rotate(20deg);transform:translate3d(0,25%,0) rotate(20deg)}50%{-webkit-transform:translate3d(0%,-15%,0) rotate(0deg);transform:translate3d(0,-15%,0) rotate(0)}70%{-webkit-transform:translate3d(0%,0%,0) rotate(0deg);transform:translateZ(0) rotate(0)}}@keyframes box-body{0%{-webkit-transform:translate3d(0%,0%,0) rotate(0deg);transform:translateZ(0) rotate(0)}25%{-webkit-transform:translate3d(0%,25%,0) rotate(20deg);transform:translate3d(0,25%,0) rotate(20deg)}50%{-webkit-transform:translate3d(0%,-15%,0) rotate(0deg);transform:translate3d(0,-15%,0) rotate(0)}70%{-webkit-transform:translate3d(0%,0%,0) rotate(0deg);transform:translateZ(0) rotate(0)}}@-webkit-keyframes box-bowtie-right{0%,50%,75%{-webkit-transform:translateX(0%) rotate(90deg) skew(10deg,10deg);transform:translate(0) rotate(90deg) skew(10deg,10deg)}90%,to{-webkit-transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg);transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg);box-shadow:0 4px 8px -4px #0000004d}}@keyframes box-bowtie-right{0%,50%,75%{-webkit-transform:translateX(0%) rotate(90deg) skew(10deg,10deg);transform:translate(0) rotate(90deg) skew(10deg,10deg)}90%,to{-webkit-transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg);transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg);box-shadow:0 4px 8px -4px #0000004d}}@-webkit-keyframes box-bowtie-left{0%{-webkit-transform:translateX(-100%) rotate(0deg) skew(10deg,10deg);transform:translate(-100%) rotate(0) skew(10deg,10deg)}50%,75%{-webkit-transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg);transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg)}90%,to{-webkit-transform:translateX(-100%) rotate(0deg) skew(10deg,10deg);transform:translate(-100%) rotate(0) skew(10deg,10deg)}}@keyframes box-bowtie-left{0%{-webkit-transform:translateX(-100%) rotate(0deg) skew(10deg,10deg);transform:translate(-100%) rotate(0) skew(10deg,10deg)}50%,75%{-webkit-transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg);transform:translate(-50%,-15%) rotate(45deg) skew(10deg,10deg)}90%,to{-webkit-transform:translateX(-100%) rotate(0deg) skew(10deg,10deg);transform:translate(-100%) rotate(0) skew(10deg,10deg)}}