diff --git a/src/components/TopUpModal.tsx b/src/components/TopUpModal.tsx index ffe11a6..a52ddd8 100644 --- a/src/components/TopUpModal.tsx +++ b/src/components/TopUpModal.tsx @@ -375,12 +375,12 @@ export default function TopUpModal({ method, onClose, initialAmountRubles }: Top type="button" onClick={handleSubmit} disabled={isPending || !amount || parseFloat(amount) <= 0} - className={`relative w-full h-14 rounded-2xl text-base font-bold transition-all duration-300 overflow-hidden ${ + className={`relative w-full h-14 rounded-2xl text-base font-bold transition-colors duration-200 overflow-hidden ${ isPending || !amount || parseFloat(amount) <= 0 ? 'bg-dark-700 text-dark-500 cursor-not-allowed' : isStarsMethod - ? 'bg-gradient-to-r from-yellow-500 to-orange-500 text-white shadow-lg shadow-yellow-500/25 hover:shadow-xl hover:shadow-yellow-500/30 hover:scale-[1.02] active:scale-[0.98]' - : 'bg-gradient-to-r from-accent-500 to-accent-600 text-white shadow-lg shadow-accent-500/25 hover:shadow-xl hover:shadow-accent-500/30 hover:scale-[1.02] active:scale-[0.98]' + ? 'bg-gradient-to-r from-yellow-500 to-orange-500 text-white shadow-lg shadow-yellow-500/25 hover:from-yellow-400 hover:to-orange-400 active:from-yellow-600 active:to-orange-600' + : 'bg-gradient-to-r from-accent-500 to-accent-600 text-white shadow-lg shadow-accent-500/25 hover:from-accent-400 hover:to-accent-500 active:from-accent-600 active:to-accent-700' }`} > {isPending ? ( @@ -408,13 +408,13 @@ export default function TopUpModal({ method, onClose, initialAmountRubles }: Top <> {/* Backdrop */}
{/* Bottom sheet */}