Resolved merge conflict.

src/components/ui/SeasonedButton.vue

@@ -9,7 +9,9 @@
 export default {
   name: 'seasonedButton',
   props: {
-    active: Boolean
+    required: false,
+    active: Boolean,
+    default: false
   },
   methods: {
     emit() {
@@ -46,9 +48,16 @@ export default {
     padding: 6px 20px 5px 20px;
   }
 
-  body:not(.touch) &:hover, &:focus, &:active, &.active {
+  &:focus, &:active, &.active {
     background: $text-color;
     color: $background-color;
   }
+
+  @media (hover: hover) {
+    &:hover {
+      background: $text-color;
+      color: $background-color;
+    }
+  }
 }
 </style>