added a css selector pattern for tab buttons

Author: UnderlineWords

src/Components/Tabnav/Tabnav.scss

@@ -11,14 +11,18 @@ PUNICA CSS > COMPONENTS : TABNAV *********************/
 		align-items: flex-start;
 		border-bottom: $tabnav-border-bottom-width $main-border-style $main-secondary-bg;
 		padding: 0;
-		.#{$button-class-group} {
+		&>.#{$button-class-group} {
 			box-shadow: none;
 			border-radius: 0;
 		}
-		.#{$button-class},
-		a.#{$button-class},
-		.#{$dropdown-name} .#{$button-class},
-		.#{$dropdown-name} a.#{$button-class} {
+		&>.#{$button-class},
+		&>.#{$button-class-group} > .#{$button-class},
+		&>a.#{$button-class},
+		&>.#{$button-class-group} > a.#{$button-class},
+		&>.#{$dropdown-name} > .#{$button-class},
+		&>.#{$button-class-group} > .#{$dropdown-name} > .#{$button-class},
+		&>.#{$dropdown-name} > a.#{$button-class},
+		&>.#{$button-class-group} > .#{$dropdown-name} > a.#{$button-class} {
 			background: transparent;
 			border: none;
 		    border-bottom: $tabnav-border-bottom-width solid transparent;