Add more button states?

Signed-off-by: Claire <claire.github-309c@sitedethib.com>

app/javascript/flavours/glitch/styles/components/columns.scss

@@ -509,18 +509,36 @@
     opacity: 0.5;
   }
 
-  &:hover:not([disabled]) {
+  &:not([disabled]) {
+    &:hover {
       background-color: darken($ui-base-color, 10%);
     }
 
+    &:focus {
+      background-color: darken($ui-base-color, 15%);
+    }
+
+    &:active {
+      background-color: darken($ui-base-color, 20%);
+    }
+
     &.active {
       background-color: $ui-highlight-color;
-  }
 
-  &.active:hover:not([disabled]) {
+      &:hover {
         background-color: lighten($ui-highlight-color, 10%);
       }
 
+      &:focus {
+        background-color: lighten($ui-highlight-color, 15%);
+      }
+
+      &:active {
+        background-color: lighten($ui-highlight-color, 20%);
+      }
+    }
+  }
+
   /* TODO: check RTL? */
   &:first-child {
     margin-left: 0;