fix css problems

styles/preferences/main.css

@@ -42,14 +42,31 @@ input[type="checkbox"] {
 }
 
 input[type="text"],
-select {
+select,
+button {
     color: var(--text-color);
     background-color: var(--background-color);
     text-align: center;
     border-radius: 5px;
+
+}
+
+input[type="text"],
+select {
     border: 2px var(--highlight-color) solid;
 }
 
 input[type="text"] {
     height: 1.2em;
+}
+
+button {
+    transition: border 100ms, border-color 250ms, transform 300ms;
+    border: none;
+}
+
+button:hover {
+    transform: scale(1.2);
+    border: 2px solid #00000000;
+    border-color: var(--highlight-color);
 }