fix: modify hyperlink styling in nft collection descriptions (#5012)

* init

* this isn't really correct but halfway there

* modify opacity as per slack discussion

src/nft/components/collection/CollectionStats.css.ts

-import { style } from '@vanilla-extract/css'
+import { globalStyle, style } from '@vanilla-extract/css'
 import { bodySmall, buttonTextSmall, headlineSmall } from 'nft/css/common.css'
 import { loadingAsset, loadingBlock } from 'nft/css/loading.css'
 
-import { breakpoints, sprinkles } from '../../css/sprinkles.css'
+import { breakpoints, sprinkles, themeVars } from '../../css/sprinkles.css'
 
 export const statsText = style([
   sprinkles({
@@ -67,6 +67,23 @@ export const description = style([
   },
 ])
 
+globalStyle(`${description} a[href]`, {
+  color: `${themeVars.colors.textSecondary}`,
+  textDecoration: 'none',
+})
+
+globalStyle(`${description} a[href]:hover`, {
+  color: `${themeVars.colors.textSecondary}`,
+  opacity: '0.6',
+  textDecoration: 'none',
+})
+
+globalStyle(`${description} a[href]:active`, {
+  color: `${themeVars.colors.textSecondary}`,
+  opacity: '0.4',
+  textDecoration: 'none',
+})
+
 export const descriptionOpen = style([
   {
     whiteSpace: 'normal',