diff --git a/src/_button.scss b/src/_button.scss
new file mode 100644
index 0000000..2de6aae
--- /dev/null
+++ b/src/_button.scss
@@ -0,0 +1,21 @@
+@mixin button($color-bg, $color-text) {
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	justify-content: center;
+	color: $color-text;
+	font-weight: 600;
+	text-decoration: none;
+	opacity: 0.8;
+	background-color: $color-bg;
+	padding: 0.5rem 1rem;
+	clip-path: var(--clip-path-button);
+	transition: all var(--animation-speed) var(--animation-type);
+	user-select: none;
+
+	:hover,
+	:focus-visible {
+		opacity: 1;
+		text-decoration-color: unset;
+	}
+}
diff --git a/src/lib/Button.svelte b/src/lib/Button.svelte
index ff70121..215e24e 100644
--- a/src/lib/Button.svelte
+++ b/src/lib/Button.svelte
@@ -13,29 +13,16 @@
 
 <style lang="scss">
 	@import '../vars';
+	@import '../button';
 
 	a,
 	button {
-		display: flex;
-		flex-direction: row;
-		align-items: center;
-		color: $color-primary-text;
-		font-weight: 600;
-		text-decoration: none;
-		opacity: 0.8;
-		background-color: $color-primary;
-		padding: 0.5rem 1rem;
-		clip-path: var(--clip-path-button);
-		transition: all var(--animation-speed) var(--animation-type);
-		user-select: none;
+		@include button($color-primary, $color-primary-text);
 	}
+
+	/* Disabled */
 	button {
 		opacity: 0.6;
 		cursor: unset;
 	}
-	a:hover,
-	a:focus-visible {
-		opacity: 1;
-		text-decoration-color: unset;
-	}
 </style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 16780df..507fc86 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -87,6 +87,7 @@
 
 <style lang="scss">
 	@import '../vars';
+	@import '../button';
 
 	picture {
 		max-width: 320px;
@@ -108,23 +109,8 @@
 	}
 
 	.socials a {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		font-weight: 600;
-		gap: 0.5rem;
-		background-color: $color-secondary;
-		color: $color-secondary-text;
-		padding: 0.5rem 1rem;
+		@include button($color-secondary, $color-secondary-text);
 		min-width: 8rem;
-		clip-path: var(--clip-path-button);
-		opacity: 0.8;
-		transition: all var(--animation-speed) var(--animation-type);
-		user-select: none;
-		text-decoration: none;
-	}
-	.socials a:hover {
-		opacity: 1;
 	}
 
 	h1 {