Updated Tabnav component

Author: UnderlineWords

dist/punica.css

@@ -6777,7 +6777,7 @@ a.label > i, a.label > .material-icons, .label > i, .label > .material-icons {
   border-radius: 0;
 }
 
-.tab .button, .tab .dropdown .button {
+.tab .button, .tab a.button, .tab .dropdown .button, .tab .dropdown a.button {
   background: transparent;
   border: none;
   border-bottom: 2px solid transparent;
@@ -6786,18 +6786,23 @@ a.label > i, a.label > .material-icons, .label > i, .label > .material-icons {
   line-height: initial;
   font-weight: initial;
   font-size: 1.025em;
+  -webkit-transition: .15s;
+  transition: .15s;
 }
 
-.tab .button:hover, .tab .dropdown .button:hover {
-  color: #0a8fff;
+.tab .button:hover, .tab a.button:hover, .tab .dropdown .button:hover, .tab .dropdown a.button:hover {
+  color: #2b2d2e;
+  border-bottom-color: #bdbdbd;
+  -webkit-transition: .15s;
+  transition: .15s;
 }
 
-.tab .button.active, .tab .dropdown .button.active {
+.tab .button.active, .tab a.button.active, .tab .dropdown .button.active, .tab .dropdown a.button.active {
   color: #0a8fff;
   border-bottom-color: #0a8fff;
 }
 
-.tab .button.active i, .tab .button.active [class^="material-icons"], .tab .dropdown .button.active i, .tab .dropdown .button.active [class^="material-icons"] {
+.tab .button.active i, .tab .button.active [class^="material-icons"], .tab a.button.active i, .tab a.button.active [class^="material-icons"], .tab .dropdown .button.active i, .tab .dropdown .button.active [class^="material-icons"], .tab .dropdown a.button.active i, .tab .dropdown a.button.active [class^="material-icons"] {
   color: initial;
 }
 

dist/punica.min.css

@@ -15,7 +15,9 @@ PUNICA CSS > COMPONENTS : TABNAV *********************/
 			border-radius: 0;
 		}
 		.#{$button-class},
-		.#{$dropdown-name} .#{$button-class} {
+		a.#{$button-class},
+		.#{$dropdown-name} .#{$button-class},
+		.#{$dropdown-name} a.#{$button-class} {
 			background: transparent;
 			border: none;
 		    border-bottom: $tabnav-border-bottom-width solid transparent;
@@ -24,8 +26,11 @@ PUNICA CSS > COMPONENTS : TABNAV *********************/
 	        line-height: initial;
 	        font-weight: initial;
             font-size: $tabnav-item-button-size;
+            transition: .15s;
 			&:hover {
-				color: $primary-color;
+				color: darken($main-font-color, 8%);
+				border-bottom-color: darken($main-secondary-bg, 16%);
+				transition: .15s;
 			}
 			&.#{$tabnav-active} {
 				color: $primary-color;