[develop]: Revised access routes badge

less/general.less

@@ -382,15 +382,22 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
   height: @general-access-route-badge-size;
   position: relative;
 
-  &:has(:first-child) {
-    & > .dot:first-child {
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
+  & > .dot {
+    position: absolute;
+    margin-right: 0 !important;
   }
 
-    &:has(:nth-child(2)) {
+  &.dots-1 {
     & > .dot:first-child {
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+    }
+  }
+
+  &.dots-2 {
+    & > .dot:first-child {
+      top: 50%;
         left: 0;
         transform: translate(0, -50%);
     }
@@ -400,8 +407,9 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
       top: 50%;
       transform: translate(0, -50%);
     }
+  }
 
-      &:has(:nth-child(3)) {
+  &.dots-3 {
     & > .dot:first-child {
       left: 0;
       top: 100%;
@@ -421,13 +429,6 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
     }
   }
 }
-  }
-
-  & > .dot {
-    position: absolute;
-    margin-right: 0 !important;
-  }
-}
 
 .filter-button-toggle, .filter-button-toggle.mat-button-toggle-checked {
   --mat-standard-button-toggle-height:  @global-control-small-height;