refactor: remove redundant css & rename

src/css/style.css

@@ -87,16 +87,6 @@ hr {
     cursor: pointer;
 }
 
-.opium-button {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    font-size: 0.9em;
-    padding: 5px 10px;
-    font-family: monospace;
-    cursor: pointer;
-}
-
 .AnimatedEllipsis {
     display: inline-block;
     overflow: hidden;
@@ -115,7 +105,7 @@ hr {
     }
 }
 
-.knopje {
+.opium-button {
     position: absolute;
     bottom: 0;
     left: 0;
@@ -133,12 +123,12 @@ hr {
 
 }
 
-.knopje:hover {
+.opium-button:hover {
     cursor: zoom-in;
     background: linear-gradient(180deg, #b0b0b0 25%, #504f4f 75%);
 }
 
-.knopje:active {
+.opium-button:active {
     cursor: crosshair;
     border: 1px inset black;
     background: linear-gradient(180deg, #333232 25%, #504f4f 75%);

src/index.html

@@ -189,7 +189,7 @@
 <div class="settings-surrounding" id="settings-surrounding">
     <div class="settings-content mx-auto" id="settings-content">
         <label class="version-info" id="version-info">UNKNOWN</label>
-        <button class="knopje" id="opium-btn">00pium</button>
+        <button class="opium-button" id="opium-btn">00pium</button>
         <h2><b>Settings</b></h2>
         <hr>
         <h4><b>Appearance</b></h4>