first load

styles/_vote.scss

@@ -0,0 +1,57 @@
+/***** Vote *****/
+/* Used in article comments, post comments and post */
+.vote {
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  a {
+    &:active,
+    &:hover,
+    &:focus {
+      text-decoration: none;
+    }
+  }
+}
+
+.vote-sum {
+  color: $secondary-text-color;
+  display: block;
+  margin: 3px 0;
+
+  [dir="rtl"] & {
+    direction: ltr;
+    unicode-bidi: bidi-override;
+  }
+}
+
+.vote-up svg {
+  transform: scale(1, -1);
+}
+
+.vote-up:hover,
+.vote-down:hover {
+  color: $brand_color;
+}
+
+.vote-up, .vote-down {
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  background-color: transparent;
+  border: none;
+  color: $secondary-text-color;
+  cursor: pointer;
+  min-height: 35px;
+  min-width: 35px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.vote-voted {
+  color: $brand_color;
+}
+
+.vote-voted:hover {
+  color: $hover-button-color;
+}