.checkout-anim-container{background-color:#0000;border-radius:6px;width:270px;height:120px;margin:0 auto;transition:all .3s ease-in-out;display:flex;position:relative}.checkout-anim-container.is-active{transform:scale(1.03)}.checkout-anim-container.is-active .left-side{width:100%}.left-side{cursor:pointer;background-color:#5de2a3;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:130px;height:120px;transition:all .3s;display:flex;position:relative;overflow:hidden}.right-side{cursor:pointer;white-space:nowrap;background-color:#fff;justify-content:space-between;align-items:center;transition:all .3s;display:flex;overflow:hidden}.right-side:hover{background-color:#f9f7f9}.new{color:#0d141b;margin-left:20px;font-family:Lexend Deca,sans-serif;font-size:23px}.card{z-index:10;background-color:#c7ffbc;border-radius:6px;flex-direction:column;align-items:center;width:70px;height:46px;display:flex;position:absolute;box-shadow:9px 9px 9px -2px #4dc88fb8}.card-line{background-color:#80ea69;border-radius:2px;width:65px;height:13px;margin-top:7px}@media only screen and (max-width:480px){.checkout-anim-container{transform:scale(.85)}.checkout-anim-container.is-active{transform:scale(.9)}.new{font-size:18px}}.buttons{background-color:#379e1f;border-radius:50%;width:8px;height:8px;margin:10px 0 0 -30px;transform:rotate(90deg);box-shadow:0 -10px #26850e,0 10px #56be3e}.checkout-anim-container.is-active .card{animation:1.6s cubic-bezier(.645,.045,.355,1) forwards slide-top}.checkout-anim-container.is-active .post{animation:1.4s cubic-bezier(.165,.84,.44,1) forwards slide-post}@keyframes slide-top{0%{transform:translateY(0)}50%{transform:translateY(-70px)rotate(90deg)}60%{transform:translateY(-70px)rotate(90deg)}to{transform:translateY(-8px)rotate(90deg)}}.post{z-index:11;background-color:#dddde0;border-radius:6px;width:63px;height:75px;position:absolute;top:120px;bottom:0;overflow:hidden}.post-line{background-color:#545354;border-radius:0 0 3px 3px;width:47px;height:9px;position:absolute;top:8px;right:8px}.post-line:before{content:"";background-color:#757375;width:47px;height:9px;position:absolute;top:-8px}.screen{background-color:#fff;border-radius:3px;width:47px;height:23px;position:absolute;top:22px;right:8px}.numbers{background-color:#838183;border-radius:2px;width:12px;height:12px;position:absolute;top:52px;left:25px;transform:rotate(90deg);box-shadow:0 -18px #838183,0 18px #838183}.numbers-line2{background-color:#aaa9ab;border-radius:2px;width:12px;height:12px;position:absolute;top:68px;left:25px;transform:rotate(90deg);box-shadow:0 -18px #aaa9ab,0 18px #aaa9ab}@keyframes slide-post{50%{transform:translateY(0)}to{transform:translateY(-70px)}}.dollar{color:#4b953b;text-align:center;width:100%;font-family:inherit;font-size:16px;position:absolute;top:0;left:0}.checkout-anim-container.is-active .dollar{animation:.3s 1.2s backwards fade-in-fwd}@keyframes fade-in-fwd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}