.pay-btn{position:relative;padding:12px 24px;font-size:16px;background:#1a1a1a;border:none;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;white-space:nowrap;min-width:fit-content;width:auto;flex-shrink:0}.pay-btn,.pay-btn:hover{color:white;text-decoration:none}.pay-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.4)}.icon-container{position:relative;flex-shrink:0}.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:hover .icon{animation:none}.pay-btn:hover .wallet-icon{opacity:0;visibility:hidden}.pay-btn:hover .card-icon{animation:iconRotate 2.5s infinite;animation-delay:0s}.pay-btn:hover .payment-icon{animation:iconRotate 2.5s infinite;animation-delay:.5s}.pay-btn:hover .dollar-icon{animation:iconRotate 2.5s infinite;animation-delay:1s}.pay-btn:hover .check-icon{animation:iconRotate 2.5s infinite;animation-delay:1.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;color:white;flex-shrink:0}@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)}}footer .footer-link,footer .footer-link div,footer .footer-link:focus,footer .footer-link:link,footer .footer-link:visited,footer .footer-link>div{color:white!important}footer .footer-link:hover,footer .footer-link:hover div,footer .footer-link:hover>div{color:#e5e7eb!important}footer .footer-link:active,footer a,footer a div,footer a span,footer a:focus,footer a:link,footer a:visited,footer a>div{color:white!important}footer a:hover,footer a:hover div,footer a:hover span,footer a:hover>div{color:#e5e7eb!important}footer *,footer ul li a,footer ul li a *{color:white!important}