Add .link underline

src/styles/classes/actions.postcss

@@ -2,7 +2,7 @@
 	display: flex;
 	flex-direction: column;
 	align-items: flex-end;
-	gap: 0.5rem;
+	grid-gap: 0.5rem;
 	flex-wrap: wrap;
 	margin-left: auto;
 	min-width: fit-content;

src/styles/classes/button-group.postcss

@@ -1,5 +1,5 @@
 .button-group {
 	display: flex;
-	gap: 0.5rem;
+	grid-gap: 0.5rem;
 	flex-wrap: wrap;
 }

src/styles/classes/card.postcss

@@ -10,7 +10,7 @@
 	box-shadow: var(--shadow-raised), var(--shadow-inset);
 
 	padding: var(--padding);
-	gap: 1rem;
+	grid-gap: 1rem;
 	max-width: 100%;
 
 	.profile-picture {
@@ -19,11 +19,11 @@
 
 	&--gap {
 		&-compressed {
-			gap: 0.5rem;
+			grid-gap: 0.5rem;
 		}
 
 		&-none {
-			gap: 0;
+			grid-gap: 0;
 		}
 	}
 
@@ -60,7 +60,7 @@
 		display: flex;
 		flex-direction: column;
 		align-items: flex-end;
-		gap: 0.5rem;
+		grid-gap: 0.5rem;
 
 		z-index: 2;
 

src/styles/classes/file.postcss

@@ -15,7 +15,7 @@
 		display: flex;
 		align-items: center;
 		padding: 0.75rem 1rem;
-		gap: 1rem;
+		grid-gap: 1rem;
 		/* Prevents shifting in height when button added */
 		min-height: 3.5rem;
 

src/styles/classes/illustration.postcss

@@ -3,7 +3,7 @@
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	gap: 2rem;
+	grid-gap: 2rem;
 
 	&__image {
 		max-width: 18.5rem;

src/styles/classes/info-table.postcss

@@ -1,7 +1,7 @@
 .info-table {
 	display: grid;
 	grid-template-columns: repeat(2, 1fr);
-	gap: 0.25rem 2rem;
+	grid-gap: 0.25rem 2rem;
 	width: fit-content;
 
 	&__label {

src/styles/classes/link.postcss

@@ -2,11 +2,21 @@
 	color: var(--color-link);
 	display: flex;
 	align-items: center;
-	gap: 0.5rem;
+	grid-gap: 0.25rem;
 	line-height: 100%;
+	text-decoration: underline;
+	text-underline-offset: 3px;
 
 	&:hover {
-		text-decoration: underline;
+		text-decoration-thickness: 2px;
+
+		.icon > path {
+			stroke-width: 3px;
+		}
+	}
+
+	.icon {
+		margin-bottom: -3px;
 	}
 }
 
@@ -14,7 +24,7 @@
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
-	gap: 1rem;
+	grid-gap: 1rem;
 
 	.link {
 		color: var(--color-text);

src/styles/classes/markdown.postcss

@@ -1,7 +1,7 @@
 .markdown {
 	display: flex;
 	flex-direction: column;
-	gap: 1rem;
+	grid-gap: 1rem;
 
 	blockquote,
 	details,

src/styles/classes/member.postcss

@@ -1,6 +1,6 @@
 .member {
 	display: flex;
-	gap: 1rem;
+	grid-gap: 1rem;
 
 	border-radius: var(--rounded-sm);
 	padding: 0.5rem;

src/styles/classes/stat.postcss

@@ -1,7 +1,7 @@
 .stat {
 	display: flex;
 	align-items: baseline;
-	gap: 0.5rem;
+	grid-gap: 0.5rem;
 
 	&--light {
 		color: var(--color-text-lightest);
@@ -18,6 +18,6 @@
 
 .stat-group {
 	display: flex;
-	gap: 0.5rem;
+	grid-gap: 0.5rem;
 	flex-wrap: wrap;
 }

src/styles/classes/tag.postcss

@@ -1,7 +1,7 @@
 .tag {
 	display: flex;
 	align-items: center;
-	gap: 0.25rem;
+	grid-gap: 0.25rem;
 	color: var(--color-text-lightest);
 
 	svg {
@@ -14,5 +14,5 @@
 	display: inline-flex;
 	flex-wrap: wrap;
 	margin-top: auto;
-	gap: 0.25rem 0.5rem;
+	grid-gap: 0.25rem 0.5rem;
 }