.pay-container{cursor:pointer;background-color:#fff;border:1.5px solid #000;border-radius:6px;width:100%;max-width:460px;height:96px;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;transition:all .3s ease-in-out;display:flex;position:relative}.pay-container.is-disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.pay-container:hover{transform:scale(1.02)}.pay-container:hover .pay-left-side{width:100%}.pay-left-side{cursor:pointer;background-color:#000;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:110px;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.pay-right-side{cursor:pointer;white-space:nowrap;color:#111;justify-content:space-between;align-items:center;width:calc(100% - 110px);transition:all .3s;display:flex;overflow:hidden}.pay-container:hover .pay-right-side{background-color:#f7f7f7}.pay-arrow{color:#111;width:22px;height:22px;margin-right:20px}.pay-new{letter-spacing:.01em;color:#111;margin-left:20px;font-size:18px;font-weight:700}.pay-card{z-index:10;background-color:#fff;border:1px solid #ccc;border-radius:6px;flex-direction:column;align-items:center;width:64px;height:42px;display:flex;position:absolute;box-shadow:6px 6px 12px -2px #00000059}.pay-card-line{background-color:#000;border-radius:2px;width:58px;height:11px;margin-top:7px}.pay-buttons{background-color:#555;border-radius:50%;width:7px;height:7px;margin:8px 0 0 -28px;transform:rotate(90deg);box-shadow:0 -9px #2a2a2a,0 9px #888}.pay-container:hover .pay-card{animation:1.1s cubic-bezier(.645,.045,.355,1) both pay-slide-top}.pay-container:hover .pay-post{animation:.9s cubic-bezier(.165,.84,.44,1) both pay-slide-post}@keyframes pay-slide-top{0%{transform:translateY(0)}50%{transform:translateY(-60px)rotate(90deg)}60%{transform:translateY(-60px)rotate(90deg)}to{transform:translateY(-6px)rotate(90deg)}}.pay-post{z-index:11;background-color:#1a1a1a;border:1px solid #333;border-radius:6px;width:58px;height:70px;position:absolute;top:100px;bottom:8px;overflow:hidden}.pay-post-line{background-color:#444;border-radius:0 0 3px 3px;width:44px;height:9px;position:absolute;top:8px;right:7px}.pay-post-line:before{content:"";background-color:#666;width:44px;height:9px;position:absolute;top:-8px}.pay-screen{background-color:#fff;border-radius:3px;justify-content:center;align-items:center;width:44px;height:21px;display:flex;position:absolute;top:22px;right:7px}.pay-numbers{background-color:#555;border-radius:2px;width:11px;height:11px;position:absolute;top:50px;left:23px;transform:rotate(90deg);box-shadow:0 -16px #555,0 16px #555}.pay-numbers-line2{background-color:#888;border-radius:2px;width:11px;height:11px;position:absolute;top:64px;left:23px;transform:rotate(90deg);box-shadow:0 -16px #888,0 16px #888}@keyframes pay-slide-post{50%{transform:translateY(0)}to{transform:translateY(-62px)}}.pay-dollar{color:#000;opacity:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;font-weight:700}.pay-container:hover .pay-dollar{animation:.3s .9s forwards pay-fade-in-fwd}@keyframes pay-fade-in-fwd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width:480px){.pay-container{height:80px}.pay-new{margin-left:14px;font-size:15px}.pay-arrow{margin-right:14px}.pay-left-side{width:90px}.pay-right-side{width:calc(100% - 90px)}}