Removed the correct eventlistener function to not create overlapping eventlisteners for the same fn

src/components/Popover.vue

@@ -36,7 +36,7 @@ export default {
     }
   },
   destroyed() {
-    window.removeEventListener('keyup')
+    window.removeEventListener('keyup', this.arrowNavigation)
     document.ontouchmove = function (e) {
       return true;
     };

src/scss/buttons.scss

@@ -0,0 +1,30 @@
+.button {
+  -webkit-appearance: none;
+  -webkit-backface-visibility: none;
+  border: 2.5px solid #c91119;
+  border-radius: 3px;
+  // color: rgb(255, 255, 255);
+  background-color: white;
+  color: #c91119;
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: 600;
+  height: 42px;
+  letter-spacing: 1px;
+  line-height: 14px;
+  margin-left: -10px;
+  padding: 0 1rem;
+  text-transform: uppercase;
+  transition-delay: 0s;
+  transition-duration: 0.1s;
+  transition-property: opacity;
+  transition-timing-function: linear;
+  vertical-align: baseline;
+  white-space: pre;
+  writing-mode: horizontal-tb;
+
+  &:hover, &:active, &:focus {
+    color: white;
+    background-color: #c91119;
+  }
+}