revert: button hover changes

docs/src/components/SubscriptionForm.astro

@@ -85,12 +85,9 @@ const { data } = await getEntry('i18n', lang ?? 'en');
       text-decoration: none;
       font-size: var(--sl-text-sm);
       background: var(--sl-color-text-accent);
-      transition: var(--button-transition);
 
       &:hover {
         top: unset;
-        transform: var(--button-transform);
-        transition: var(--button-transition);
       }
     }
   }

docs/src/content/docs/challenges/testing/23-harness.md

@@ -14,8 +14,6 @@ A component harness is a class that lets a test interact with a component via a
 
 ## Information
 
-A component harness is a class that lets a test interact with a component via a supported API.
-
 The objective of this challenge is to have a better understanding of the CDK test harness API. In this initial challenge, we will only use Angular Material's built-in harnesses.
 
 Documentation for CDK Component Harness is [here](https://material.angular.io/cdk/test-harnesses/overview#api-for-test-authors).

docs/src/styles/custom-css.css

@@ -16,9 +16,6 @@
   --color-btn: var(--sl-color-white);
   --color-chip: rgb(35, 38, 47);
   --color-chip-border: rgba(240, 246, 252, 0.1);
-
-  --button-transform: translateY(-1px);
-  --button-transition: transform 150ms ease-in-out 30ms, opacity 100ms ease-in-out;
 }
 
 :root[data-theme='light'],
@@ -53,18 +50,6 @@
   margin: 0px 2px;
 }
 
-a.action, 
-.article-footer > a, 
-.action-footer > a.action-button {
-  transition: var(--button-transition);
-
-  &:hover {
-    opacity: 0.9;
-    transform: var(--button-transform);
-    transition: var(--button-transition);
-  }
-}
-
 .article-footer {
   margin-top: 3rem !important;
   display: flex;