Fix new styling errors

Fix error page
Update Notification styling

gallery/themes/default/components/buttons/block.sass

@@ -91,7 +91,7 @@
         border-color: RGBA($white, 0.3)
 
     &:focus
-        border-color: RGBA($primary, 0.3)
+        border-color: RGB($primary)
         outline: none
 
     &.black
@@ -134,6 +134,9 @@
         background-color: RGBA($white, 0.2)
         color: RGB($white)
 
+    &:focus-visible
+        outline: 2px solid RGBA($white, 0.3)
+
     &.active
         background-color: RGBA($primary, 0.2)
         color: RGB($primary)

gallery/themes/default/components/buttons/info-button.sass

@@ -13,7 +13,7 @@
     justify-content: center
     align-items: center
 
-    background-color: RGB($bg-200)
+    background-color: RGB($bg-300)
     color: RGB($fg-white)
     border-radius: $rad
     border: none

gallery/themes/default/components/buttons/pill.sass

@@ -47,14 +47,18 @@
 
         .tool-tip
             opacity: 1
-            top: -2.7rem
+            top: -2.3rem
             transform: translateX(calc(-50% + 1.25rem ))
 
 .pill__critical
     color: RGB($critical)
 
     span
-        color: RGB($critical)
+        background: RGB($critical)
+        color: RGB($fg-white)
+
+        svg
+            color: RGB($critical)
 
     &:hover
         color: RGB($fg-white)
@@ -70,7 +74,7 @@
 
 .tool-tip
     margin: 0
-    padding: 0.5rem 0.75rem
+    padding: 0.35rem 0.7rem
 
     width: auto
 
@@ -81,8 +85,8 @@
     left: 0
     transform: translateX(calc(-50% + 1.25rem ))
 
-    font-size: 1rem
-    font-weight: 600
+    font-size: 0.9rem
+    font-weight: 700
 
     background-color: #000000
     color: RGB($fg-white)
@@ -107,4 +111,8 @@
         bottom: -0.46rem
         transform: translateX(-50%)
 
-        color: #000000
+        color: #000000
+
+@media (max-width: $breakpoint)
+    .tool-tip
+        display: none

gallery/themes/default/components/buttons/top-of-page.sass

@@ -13,7 +13,7 @@
     justify-content: center
     align-items: center
 
-    background-color: RGB($bg-200)
+    background-color: RGB($bg-300)
     color: RGB($fg-white)
     border-radius: $rad
     border: none