.SuccessCardMainDiv{height:calc(100vh - 100px);width:100%;display:flex;gap:5px;align-items:center;justify-content:center;flex-direction:column;text-align:center;font-size:20px;padding:10px}.AnimSuccessCard{animation:iconSuccessAnim 1s ease-in-out normal}@keyframes iconSuccessAnim{0%{transform:scale(.5);opacity:0}50%,to{transform:scale(1);opacity:1}}.SuccessCardMainDiv .successParas{position:relative}.successParas .success{padding:5px 45px;border-radius:30px;border:2px solid var(--primaryBtn);animation:btnUpgrade 10s ease-in-out normal;background:linear-gradient(90deg,#75ff8700,#88ffa600);background:linear-gradient(to right,var(--primaryBtn),var(--secondaryColor));background-repeat:no-repeat;background-size:0 100%}@keyframes btnUpgrade{40%{color:#fff}40%,to{background-size:200% 100%;color:#fff}}.successParas .twitBalls{position:absolute;height:5px;width:5px;border-radius:50%;top:calc(-15px * var(--i));left:calc(20px * var(--i));background-color:var(--primaryBtn);animation:twitBallAnim 1s ease-in-out infinite}.success-footer{text-align:center}.success-footer .textfooter{font-size:14px;animation:colorChange 10s ease-in-out normal}@keyframes colorChange{30%,to{color:#ff146e}}@media (max-width:700px){.SuccessCardMainDiv{font-size:17px}}