chore(next-release/main): clean up some of the duplicate link styles (aws-amplify#6126)

* chore: clean up some of the duplicate link styles

* Update src/styles/base.scss

Author: hbuchel

src/styles/base.scss

@@ -77,9 +77,7 @@ h3 {
   }
 }
 
-/* A elements that don't have a class get default styles */
-a:not([class]),
-.amplify-link {
+a, .amplify-link {
   text-decoration-skip-ink: auto;
 
   color: var(--amplify-components-link-color);
@@ -141,6 +139,7 @@ ul {
   grid-template-rows: auto;
   gap: var(--amplify-space-large);
 }
+
 @container (min-width: 800px) {
   .columns-two {
     grid-template-columns: repeat(2, 1fr);

src/styles/feature-links.scss

@@ -9,10 +9,7 @@
 
 .feature-link {
   list-style: none;
-  margin-bottom: var(--amplify-space-relative-large);
-}
-.feature-link-text {
-  text-decoration: underline;
+  margin-bottom: var(--amplify-space-large);
 }
 .category-list {
   flex-direction: column;

src/styles/footer.scss

@@ -22,10 +22,6 @@
   color: var(--amplify-colors-font-primary);
   &:hover {
     color: var(--amplify-colors-font-interactive);
-    text-decoration: none;
-  }
-  &:focus {
-    outline: 2px solid var(--amplify-colors-border-focus);
   }
   &--social {
     font-size: 2rem;

src/styles/framework-grid.scss

@@ -44,7 +44,6 @@
       }
     }
     &:focus {
-      outline: 2px solid var(--amplify-colors-border-focus);
       .icon-monochrome {
         opacity: 0;
       }

src/styles/link-card.scss

@@ -1,11 +1,9 @@
 .link-card {
-  border-radius: 16px;
-  background: var(--White, #fff);
+  border-radius: var(--amplify-radii-medium);
+  background: var(--amplify-colors-background-primary);
   padding: 1rem;
   /* Shadow (Container, Card) */
-  box-shadow:
-    0px 0px 4px 0px rgba(65, 77, 92, 0.2),
-    0px 1px 14px 0px rgba(0, 7, 22, 0.14);
+  box-shadow: 0 1px 5px hsla(0, 0, 0, .3);
   color: var(--amplify-colors-font-primary);
   font-weight: var(--amplify-font-weights-bold);
   text-decoration: none;
@@ -18,9 +16,7 @@
 .link-card:hover {
   color: var(--amplify-colors-brand-primary-80);
 }
-.link-card:focus {
-  outline: 2px solid var(--amplify-colors-font-primary);
-}
+
 .link-card-children {
   margin-top: auto;
 }