Convert .link to global CSS class

This prepares for the migration to ember-scoped-css, which does not support `composes`.

Author: Turbo87

app/components/front-page-list/item.hbs

@@ -1,4 +1,4 @@
-<a href={{@link.url}} local-class="link" ...attributes {{on "click" @link.transitionTo}}>
+<a href={{@link.url}} class="box-link" ...attributes {{on "click" @link.transitionTo}}>
   <div local-class="left">
     <div local-class="title">{{@title}}</div>
     {{#if @subtitle}}<div local-class="subtitle">{{@subtitle}}</div>{{/if}}

app/components/front-page-list/item.module.css

@@ -1,4 +1,4 @@
-.link {
+:global(a.box-link) {
     --shadow: 0 2px 3px light-dark(hsla(51, 50%, 44%, .35), #232321);
 
     display: flex;

app/styles/support.module.css

@@ -7,7 +7,6 @@
 }
 
 .link {
-  composes: link from '../components/front-page-list/item.module.css';
   justify-content: center;
   padding: var(--space-xs) var(--space-s);
   height: inherit;

app/templates/support.hbs

@@ -18,6 +18,7 @@
               @query={{hash inquire=support.inquire}}
               data-test-id="link-{{support.inquire}}"
               local-class="link"
+              class="box-link"
             >
             {{support.label}}
             </LinkTo>
@@ -28,6 +29,7 @@
             href="mailto:[email protected]"
             data-test-id="link-email-support"
             local-class="link"
+            class="box-link"
           >
             For all other cases: <strong>[email protected]</strong>
           </a>