.faq-btn{background:var(--color-off-white);color:var(--background);transition:background-color .4s var(--cubic-slide);border:none;border-radius:4px;align-items:center;gap:1rem;padding:.5rem .5rem .5rem 1rem;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;display:inline-flex}.faq-btn:hover{background-color:var(--color-grey-light)}.faq-btn-text{height:1.2em;display:block;position:relative;overflow:hidden}.faq-btn-text span{transition:transform .6s var(--cubic-slide);display:block}.faq-btn-text span:nth-child(2){position:absolute;top:0;left:0;transform:translateY(100%)}.faq-btn:hover .faq-btn-text span:first-child{transform:translateY(-100%)}.faq-btn:hover .faq-btn-text span:nth-child(2){transform:translateY(0)}.faq-arrow-box{background:var(--color-near-black);width:32px;height:32px;color:var(--color-text);transition:transform .6s var(--cubic-slide);border-radius:4px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.faq-btn:hover .faq-arrow-box{transform:scale(.85)}.faq-arrow{transition:transform .6s var(--cubic-slide);display:block}.faq-arrow-box .faq-arrow:nth-child(2){position:absolute;transform:translate(-120%,120%)}.faq-btn:hover .faq-arrow-box .faq-arrow:first-child{transform:translate(120%,-120%)}.faq-btn:hover .faq-arrow-box .faq-arrow:nth-child(2){transform:translate(0)}
