.checkout-container{cursor:pointer;background-color:#fff;border:1px solid #e8ddd0;border-radius:16px;width:460px;height:120px;transition:transform .8s cubic-bezier(.22,1,.36,1),box-shadow .8s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.checkout-container:hover{transform:scale(1.02);box-shadow:0 12px 40px #c17b4a2e}.checkout-container:hover .checkout-left{width:100%}.checkout-left{background:linear-gradient(135deg,#c17b4a,#d4a574);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:140px;height:120px;transition:width 1s cubic-bezier(.22,1,.36,1);display:flex;position:relative;overflow:hidden}.checkout-right{flex:1;justify-content:space-between;align-items:center;gap:16px;padding:0 28px;transition:opacity .6s cubic-bezier(.22,1,.36,1);display:flex;overflow:hidden}.checkout-container:hover .checkout-right{opacity:0}.checkout-label{color:#3d2b1f;white-space:nowrap;font-size:16px;font-weight:600}.checkout-arrow{color:#c17b4a;flex-shrink:0;width:20px;height:20px;transition:transform .8s cubic-bezier(.22,1,.36,1)}.checkout-container:hover .checkout-arrow{transform:translate(6px)}.checkout-card{z-index:10;background-color:#f5ede4;border-radius:6px;flex-direction:column;align-items:center;width:70px;height:46px;display:flex;position:absolute;box-shadow:6px 6px 12px -2px #8b50284d}.checkout-card-line{background-color:#d4a574;border-radius:2px;width:65px;height:13px;margin-top:7px}.checkout-card-buttons{background-color:#a8643a;border-radius:50%;width:8px;height:8px;margin:10px 0 0 -30px;transform:rotate(90deg);box-shadow:0 -10px #8b5230,0 10px #c17b4a}.checkout-container:hover .checkout-card{animation:1.6s cubic-bezier(.22,1,.36,1) both checkout-slide-top}.checkout-container:hover .checkout-post{animation:1.4s cubic-bezier(.22,1,.36,1) both checkout-slide-post}@keyframes checkout-slide-top{0%{opacity:1;transform:translateY(0)rotate(0)}35%{opacity:1;transform:translateY(-75px)rotate(90deg)}50%{opacity:.9;transform:translateY(-75px)rotate(90deg)}to{opacity:1;transform:translateY(-10px)rotate(90deg)}}.checkout-post{z-index:11;background-color:#e8ddd0;border-radius:6px;width:63px;height:75px;position:absolute;top:120px;bottom:10px;overflow:hidden}.checkout-post-line{background-color:#8b7355;border-radius:0 0 3px 3px;width:47px;height:9px;position:absolute;top:8px;right:8px}.checkout-post-line:before{content:"";background-color:#a8643a;width:47px;height:9px;position:absolute;top:-8px}.checkout-screen{background-color:#fff;border-radius:3px;width:47px;height:23px;position:absolute;top:22px;right:8px}.checkout-numbers{background-color:#c17b4a;border-radius:2px;width:12px;height:12px;position:absolute;top:52px;left:25px;transform:rotate(90deg);box-shadow:0 -18px #c17b4a,0 18px #c17b4a}.checkout-numbers-line2{background-color:#d4a574;border-radius:2px;width:12px;height:12px;position:absolute;top:68px;left:25px;transform:rotate(90deg);box-shadow:0 -18px #d4a574,0 18px #d4a574}@keyframes checkout-slide-post{0%{opacity:0;transform:translateY(0)}45%{opacity:0;transform:translateY(0)}65%{opacity:1}to{opacity:1;transform:translateY(-70px)}}.checkout-dollar{color:#8b9e7e;text-align:center;opacity:0;width:100%;font-size:14px;font-weight:700;position:absolute;top:2px;left:0;transform:translateY(-5px)}.checkout-container:hover .checkout-dollar{animation:.6s cubic-bezier(.22,1,.36,1) 1.2s forwards checkout-fade-in}@keyframes checkout-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}