updated style of workspaces widget

.config/eww/widgets/hypr_workspaces.scss

@@ -7,29 +7,40 @@
 	//$light: #fde10e;
 	//$dark: #ff6520;
 	
-	background: $dark;
-	padding: 3px 1rem;
+	background: transparent;
+	padding: 0;
+  margin: 0;
 	
 	&--ws {
-		border-radius: 50%;
-		font-family: 'Symbols Nerd Font Mono';
-		border: 1px solid blue;
-		color: black;
+		border-radius: 0;
 
     &--label {
-			font-size: 0.7rem;
+			font-size: 1rem;
+      color: black;
 		}
 	
 		&--active {
 			background: $light;
-			color: $dark;
 			border-color: $light;
 		}
 		
 		&--inactive {
 			background: $dark;
-			color: $dark;
 			border-color: $light;
 		}
 	}	
+
+  .first {
+    border-radius: 1.5rem 0 0 1rem;
+    border-right: 1px solid black;
+  }
+
+  .middle {
+    border-radius: 0;
+    border-right: 1px solid black;
+  }
+
+  .last {
+    border-radius: 0 1rem 1.5rem 0;
+  }
 }