h1 span { background-color: var(--primary); padding: 8px 12px; margin-top: var(--space-4xs); display: inline-block; color:var(--white); }    .ffh-btn__animated-arrow { position: relative; display: inline-flex; align-items: center; border-radius: 999px !important; padding: 8px 10px 8px 24px !important; overflow: hidden; gap: 12px; white-space: nowrap; }  .ffh-btn__animated-arrow:hover { background-color: var(--basic) !important; color: var(--white) !important; }  .ffh-btn__animated-arrow .ti-arrow-top-right { display: flex !important; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background-color: var(--primary); color: var(--white); position: relative; overflow: hidden; font-size: 16px; margin: 0 !important; }  .ffh-btn__animated-arrow .ti-arrow-top-right::before { display: block; transform: translate(0, 0); opacity: 1;  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s; }  .ffh-btn__animated-arrow .button-text { position: relative; display: inline-block; height: 1.2em; line-height: 1.2em; overflow: hidden; color: inherit; }  .ffh-btn__animated-arrow .text-original, .ffh-btn__animated-arrow .button-text::after { display: block; width: 100%; height: 100%; color: inherit;  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1); } .ffh-btn__animated-arrow .text-original { transform: translateY(0);  } .ffh-btn__animated-arrow .button-text::after { content: attr(data-text2); position: absolute; top: 0; left: 0; transform: translateY(120%);  }   .ffh-btn__animated-arrow:is(:hover, :focus) .text-original { transform: translateY(-120%);  } .ffh-btn__animated-arrow:is(:hover, :focus) .button-text::after { transform: translateY(0);  }  .ffh-btn__animated-arrow:is(:hover, :focus) .ti-arrow-top-right::before {  animation: moveBricksIconFont 0.6s cubic-bezier(0.23, 1, 0.32, 1) forwards;  transition: none; }  @keyframes moveBricksIconFont { 0% { transform: translate(0, 0); opacity: 1; } 40% { transform: translate(20px, -20px); opacity: 0; } 41% { transform: translate(-20px, 20px); opacity: 0; } 60% { opacity: 1; } 100% { transform: translate(0, 0); opacity: 1; } }  @media (prefers-reduced-motion: reduce) {  .ffh-btn__animated-arrow .ti-arrow-top-right::before, .ffh-btn__animated-arrow .text-original, .ffh-btn__animated-arrow .button-text::after { transition: none; } .ffh-btn__animated-arrow:is(:hover, :focus) .ti-arrow-top-right::before { animation: none; } }