/* === Universal RGB Animated Button === */ button, .btn, a.btn, input[type="button"], input[type="submit"] { display: inline-flex; /* display: inline-block;*/ align-items: center; padding: 0.9rem 2.2rem; justify-content: center; padding: 0.9rem 2.2rem; font-size: 1rem; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; color: #000; border: none; border-radius: 12px; background: linear-gradient(90deg, #ff007c, #00e0ff, #00ff9f, #ff00c8); background-size: 400%; box-shadow: 0 0 15px rgba(0, 255, 255, 0.4); cursor: pointer; transition: all 0.4s ease; animation: rgbButtonFlow 6s linear infinite, rgbButtonGlow 2s ease-in-out infinite; #white-space: nowrap; } .btn { white-space: nowrap !important; } /* === Hover Glow === */ /*button:hover, #hta diya hai*/ .btn:hover, a.btn:hover, #hta diya hai /*input[type="button"]:hover, #hta diya hai input[type="submit"]:hover #hta diya hai*/ { transform: scale(1.08); /*box-shadow: 0 0 35px rgba(255, 0, 255, 0.6); # isko hta diya hai*/ color: #fff; background-position: 100% 0; } /* === RGB Gradient Flow Animation === */ @keyframes rgbButtonFlow { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* === Subtle Pulse Glow === */ @keyframes rgbButtonGlow { 0%, 100% { box-shadow: 0 0 12px rgba(255,0,255,0.4), 0 0 25px rgba(0,255,255,0.2); } 50% { box-shadow: 0 0 25px rgba(255,0,255,0.6), 0 0 50px rgba(0,255,255,0.3); } }