Add longer texts with sr-only

Author: hasparus

src/components/index-page/hero/index.tsx

@@ -28,12 +28,8 @@ export function Hero() {
           </ul>
 
           <div className="flex items-center gap-4">
-            <Button
-              href="/learn"
-              className="max-sm:w-full"
-              aria-label="Learn more about GraphQL"
-            >
-              Learn more
+            <Button href="/learn" className="max-sm:w-full">
+              Learn more<span className="sr-only"> about GraphQL</span>
             </Button>
           </div>
         </div>

src/components/index-page/proven-solution/index.tsx

@@ -66,9 +66,8 @@ export function ProvenSolution() {
             className="mx-auto mt-8 w-fit lg:mt-16"
             // todo: this should link to the Business Agregator page
             href="/learn"
-            aria-label="Learn more about GraphQL"
           >
-            Learn more
+            Learn more<span className="sr-only"> about GraphQL</span>
           </Button>
         </div>
       </div>