.pay-btn-wrapper{position:relative;margin-top:20px}.pay-btn{width:100%;margin:auto;text-align:center;position:relative;padding:12px 24px;font-size:18px;color:white;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;transition:all .3s ease;direction:rtl}.pay-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.4)}.icon-container{position:relative}.icon,.icon-container{width:24px;height:24px}.icon{position:absolute;top:0;left:0;color:#22c55e;opacity:0;visibility:hidden}.default-icon{opacity:1;visibility:visible}.pay-btn .icon{animation:none}.pay-btn .wallet-icon{animation:iconRotate 2.5s infinite;animation-delay:.5s}.pay-btn .card-icon{animation:iconRotate 2.5s infinite;animation-delay:1s}.pay-btn .payment-icon{animation:iconRotate 2.5s infinite;animation-delay:1.5s}.pay-btn .dollar-icon{animation:iconRotate 2.5s infinite;animation-delay:2s}.pay-btn .check-icon{animation:iconRotate 2.5s infinite;animation-delay:2.5s}.pay-btn:active .icon{animation:none;opacity:0;visibility:hidden;transition:all .3s ease}.pay-btn:active .check-icon{animation:checkmarkAppear .6s ease forwards;visibility:visible}.btn-text{font-weight:600;font-family:system-ui,-apple-system,sans-serif}@keyframes iconRotate{0%{opacity:0;visibility:hidden;transform:translateY(10px) scale(.5)}5%{opacity:1;visibility:visible;transform:translateY(0) scale(1)}15%{opacity:1;visibility:visible;transform:translateY(0) scale(1)}20%{opacity:0;visibility:hidden;transform:translateY(-10px) scale(.5)}to{opacity:0;visibility:hidden;transform:translateY(-10px) scale(.5)}}@keyframes checkmarkAppear{0%{opacity:0;transform:scale(.5) rotate(-45deg)}50%{opacity:.5;transform:scale(1.2) rotate(0deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}