[Fronted] Significant refactoring of btn classes

WTD-839
Refactoring in advance of style mods to switcher when in frame;
Moved btn styles from _controls.scss to _buttons.scss;
Markup cleaned up with css classing simplified;

platform/commonUI/general/res/sass/controls/_controls.scss

@@ -92,74 +92,6 @@
     }
 }
 
-.btn {
-	$base: lighten($colorBodyBg, 20%); // Moved to s-btn
-	$p: 10px;   // Moved to s-btn
-	@include border-radius($controlCr); // Moved to s-btn
-	@include box-sizing(border-box); // Moved to s-btn
-	@include text-shadow(rgba(black, 0.3) 0 1px 1px); // Moved to s-btn
-//	display: inline-block;
-	//	margin-right: 10px;
-	padding: 0 ($interiorMargin * 2);  // Moved to s-btn
-	text-decoration: none;  // Moved to s-btn
-	&.create-btn {
-		$h: $ueTopBarH - $interiorMargin; //$btnStdH * 1.5;;
-		$p: $p * 2.25;
-		height: $h;
-		line-height: $h;
-		//font-size: 1.1em;
-		padding: 0 $p;
-		.menu {
-			margin-left: $p * -1;
-		}
-		.ui-symbol.major {
-			font-size: 1.1em;
-		}
-	}
-	&.major {
-		$bg: $colorKey;
-		@include btnNoticeable($bg);
-		$fg: lighten($bg, 50%);
-		color: $fg;
-		&:hover {
-			@include btnNoticeable(lighten($bg, 5%));
-			color: $fg;
-		}
-		.invoke-menu {
-			color: $fg;
-		}
-	}
-	&.normal {
-		padding: $p * 0.5 $p * 0.7;
-	}
-	&.outline {
-		&:hover {
-			background: rgba(#fff, 0.1);
-		}
-	}
-	&.subtle {
-		@include btnSubtle($base, lighten($base, 40%));
-	}
-
-	&.very-subtle {
-		@include btnSubtle($colorBodyBg, lighten($colorBodyBg, 50%));
-	}
-	&.lg {
-		@include border-radius($controlCr * 1.5);
-		font-size: 1.2em;
-		padding: 7px 25px;
-	}
-	&.icon-btn {
-		.icon {
-			color: $colorKey;
-		}
-
-		&:not(.disabled):hover .icon {
-			color: lighten($colorKey, $ltGamma);
-		}
-	}
-}
-
 .btn-bar {
 	//	position: relative;
 	.btn,