BEM block example

example.scss

@include critical() {
 
 	.c-barchart-button {
		$b: #{&};

 		display: inline-block;
 		padding: 5px;
 		user-select: none;
 
 		&:hover {
 
-			.c-barchart-button__chart {
+			#{$b}__chart {
 				fill: #c4e4f1;
 			}
 
-			.c-barchart-button__shadows {
+			#{$b}__shadows {
 				fill: #00a3e0;
 			}
 		}
 
 		&:active {
 
-			.c-barchart-button__chart {
+			#{$b}__chart {
 				fill: #00a3e0;
 			}
 
-			.c-barchart-button__shadows {
+			#{$b}__shadows {
 				fill: #00a3e0;
 			}
 		}