4 files changed, 36 insertions, 2 deletions
diff --git a/public/static/img/icons/coal.png b/public/static/img/icons/coal.png
new file mode 100644
index 0000000..38f492a
--- /dev/null
+++ b/public/static/img/icons/coal.png
diff --git a/public/static/img/icons/gem.png b/public/static/img/icons/gem.png
new file mode 100644
index 0000000..0b01c2b
--- /dev/null
+++ b/public/static/img/icons/gem.png
diff --git a/public/static/style.css b/public/static/style.css
index 562e87a..09e5534 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -135,6 +135,8 @@ button:hover,
 .button:hover {
     background: #b9b9b9;
     cursor: pointer;
+    color: black;
+    text-decoration: none;
 }
 
 button.transparent,
@@ -143,6 +145,36 @@ button.transparent,
     border: unset;
 }
 
+.gem:hover {
+    filter: saturate(2);
+}
+
+.coal:hover {
+    filter: brightness(2);
+}
+
+button.red,
+.button.red {
+    background: #e97272;
+    border-color: #a85252;
+}
+
+button.red:hover,
+.button.red:hover {
+    background: #ec8d8d;
+}
+
+button.green,
+.button.green {
+    background: #6cbb6d;
+    border-color: #52a85d;
+}
+
+button.green:hover,
+.button.green:hover {
+    background: #85dd8a;
+}
+
 /** 
 ----------
    LIST
diff --git a/src/emotes/single_page.php b/src/emotes/single_page.php
index 434b0da..db4f332 100644
--- a/src/emotes/single_page.php
+++ b/src/emotes/single_page.php
@@ -43,13 +43,15 @@
                                 <input type="text" name="id" value="<?php echo $emote->get_id() ?>"
                                     style="display: none;">
                                 <input type="text" name="rate" value="5" style="display:none;">
-                                <button type="submit" class="transparent">gem</button>
+                                <button type="submit" class="transparent gem"><img src="/static/img/icons/gem.png"
+                                        alt="GEM!" title="IT'S A GEM!"></button>
                             </form>
                             <form action="/emotes/rate.php" method="POST">
                                 <input type="text" name="id" value="<?php echo $emote->get_id() ?>"
                                     style="display: none;">
                                 <input type="text" name="rate" value="1" style="display:none;">
-                                <button type="submit" class="transparent">coal</button>
+                                <button type="submit" class="transparent coal"><img src="/static/img/icons/coal.png"
+                                        alt="COAL!" title="IT'S A COAL!"></button>
                             </form>
                             <a class="button red" href="/emotes/report.php?id=<?php echo $emote->get_id() ?>">Report
                                 emote</a>