.faq-buttons{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:40px}.animated-button{position:relative;display:flex;align-items:center;gap:12px;padding:16px 36px;border:2px solid rgb(168 85 247 / .6);font-size:18px;background:rgb(30 27 75 / .35);border-radius:50px;font-weight:600;color:#d8b4fe;box-shadow:0 0 12px rgb(168 85 247 / .4);cursor:pointer;overflow:hidden;transition:all 0.5s ease;text-decoration:none}.animated-button img{width:28px;height:28px;filter:drop-shadow(0 0 6px rgb(168 85 247 / .7))}.animated-button svg{position:absolute;width:24px;fill:#d8b4fe;z-index:9;transition:all 0.5s ease}.animated-button .arr-1{right:16px}.animated-button .arr-2{left:-25%}.animated-button .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background:rgb(168 85 247 / .6);border-radius:50%;opacity:0;transition:all 0.6s ease}.animated-button .text{position:relative;z-index:1;transform:translateX(-12px);transition:all 0.6s ease}.animated-button:hover{color:#fff;background:rgb(109 40 217 / .5);border-radius:18px;box-shadow:0 0 20px rgb(168 85 247 / .8)}.animated-button:hover .arr-1{right:-25%}.animated-button:hover .arr-2{left:16px}.animated-button:hover .text{transform:translateX(12px)}.animated-button:hover svg{fill:#fff}.animated-button:active{scale:.95}.animated-button:hover .circle{width:220px;height:220px;opacity:.3}