diff --git a/scss/westgate/_posts.scss b/scss/westgate/_posts.scss
index e6455bf..75d6f1a 100644
--- a/scss/westgate/_posts.scss
+++ b/scss/westgate/_posts.scss
@@ -160,11 +160,60 @@ li[component="post"] [component="post/upvote"] {
 		color: var(--bs-primary);
 	}
 
+	&.upvoted {
+		background: rgba(124, 40, 68, 0.2) !important;
+		border-color: rgba(212, 122, 135, 0.34) !important;
+		box-shadow:
+			inset 0 1px 0 rgba(255, 210, 220, 0.08),
+			0 0 0 1px rgba(124, 40, 68, 0.12) !important;
+
+		&:hover,
+		&:focus {
+			background: rgba(124, 40, 68, 0.28) !important;
+			border-color: rgba(212, 122, 135, 0.42) !important;
+		}
+	}
+
 	&.upvoted::before {
 		color: #d47a87;
 	}
 }
 
+li[component="post"] [component="post/downvote"] {
+	position: relative;
+
+	i.fa-chevron-down {
+		display: none !important;
+	}
+
+	&::before {
+		content: "\f7a9";
+		font-family: "Font Awesome 6 Free";
+		font-size: 0.92rem;
+		font-weight: 900;
+		line-height: 1;
+		color: rgba(194, 163, 90, 0.82);
+	}
+
+	&.downvoted {
+		background: rgba(76, 26, 42, 0.22) !important;
+		border-color: rgba(176, 92, 108, 0.34) !important;
+		box-shadow:
+			inset 0 1px 0 rgba(255, 214, 224, 0.07),
+			0 0 0 1px rgba(76, 26, 42, 0.12) !important;
+
+		&:hover,
+		&:focus {
+			background: rgba(76, 26, 42, 0.3) !important;
+			border-color: rgba(176, 92, 108, 0.42) !important;
+		}
+	}
+
+	&.downvoted::before {
+		color: #b86a78;
+	}
+}
+
 .topic-sidebar-tools .btn,
 [component="topic/navigator"] {
 	background: rgba(255, 255, 255, 0.018) !important;