.animated-text{cursor:pointer;letter-spacing:.5px;font-family:Poppins,sans-serif;display:inline-block;position:relative}.animated-text .short-text{color:#c770f0;font-size:1.2rem;font-weight:600;transition:all .3s;display:inline-block}.animated-text .full-text{color:#c770f0;opacity:0;white-space:nowrap;width:0;font-size:1.2rem;font-weight:600;transition:all .3s;position:absolute;top:0;left:50%;overflow:hidden;transform:translate(-50%)}.animated-text .full-text span{opacity:0;font-weight:600;transition:all .3s;display:inline-block;transform:scale(0)}.animated-text .full-text span:first-child{transition-delay:.1s}.animated-text .full-text span:nth-child(2){transition-delay:.2s}.animated-text .full-text span:nth-child(3){transition-delay:.3s}.animated-text .full-text span:nth-child(4){transition-delay:.4s}.animated-text .full-text span:nth-child(5){transition-delay:.5s}.animated-text:hover .short-text{opacity:0;transform:scale(0)}.animated-text:hover .full-text{opacity:1;width:auto}.animated-text:hover .full-text span{opacity:1;transform:scale(1)}.animated-text span{color:#c770f0;font-size:1.2rem;font-weight:600;transition:all .3s;display:inline-block;position:relative}.animated-text span:before{content:"";z-index:-1;background:#c770f0;border-radius:16px;width:0;height:3px;transition:all .3s ease-out;display:block;position:absolute;bottom:-2px;left:0}.animated-text span:after{content:"";z-index:-1;opacity:.5;background:#c770f0;border-radius:16px;width:0;height:1px;transition:all .3s ease-out .1s;display:block;position:absolute;bottom:-4px;left:0}.animated-text:hover span{text-shadow:0 0 10px #c770f04d;transform:translateY(-2px)}.animated-text:hover span:before{width:100%}.animated-text:hover span:after{width:80%}