<commit_before>.btn-block{
	display: inline-block;
	width:300px;
	margin:5px 5px 10px;
	vertical-align: top;
	border-bottom:#f0f0f0 1px solid;
}

// Mixins and variables
@mixin linear-gradient($dir, $basecolor, $hi:10%, $lo:10%, $pos:100%){
	background-color: darken($basecolor, $lo);
	background-image: -webkit-linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo) $pos);
	background-image: -moz-linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo));
	background-image: -ms-linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo));
	background-image: -o-linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo));
	background-image: linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo));
}
@mixin border-radius($rad) {
	border-radius:#{$rad};
	-webkit-border-radius:#{$rad};
	-moz-border-radius:#{$rad};
	-ms-border-radius:#{$rad};
	-o-border-radius:#{$rad};
}

.sc-btn{
	display: inline-block;
	position: relative;
	margin:0 0 0 0;
	padding:0;
	color:#fff;
	font-family: "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1em;
	text-decoration: none;
	text-shadow:rgba(0,0,0,0.3) 0px -.1em 0px;
	border:0;
	// border:rgba(0,0,0,0.2) 1px solid;
	// border-bottom-color:rgba(0,0,0,0.3);
	@include border-radius(.4em);
	$basecolor: #333;
	@include linear-gradient(top, $basecolor, 15%);
	box-shadow:inset rgba(0,0,0,0.1) 0px -0.15em 0px, inset rgba(255,255,255,0.2) 0px 0.15em 0px, rgba(0,0,0,0.3) 0px 0.1em .3em;
	text-align: center;
	background-repeat: no-repeat;
	-webkit-transition:background-position .1s ease-in-out;
	-webkit-appearance:none;
	cursor: pointer;
	overflow: hidden;
	&:hover{
		color:#fff;
	}
	&:active{
		box-shadow:rgba(255,255,255,0.2) 0 .10em 0, inset rgba(0,0,0,0.3) 0px .25em 1em;
	}
}

	.sc-icon, .sc-text{
		display: block;
		float:left;
	}
	.sc-icon{
		margin:0 -.4em 0 0;
		padding:0.6em .8em .5em;
		border-right:rgba(255,255,255,0.1) .1em solid;
		box-shadow:inset rgba(0,0,0,0.1) -.1em 0px 0px;
	}
	.sc-text{
		padding:.95em 1em .85em 1em;
		font-size: 1.15em;
		text-align: center;
	}
	svg{
		width:2em;
		height:2em;
		fill:#fff;
	}

// block level button
.sc-block{
	display: block;
}

// Styles / sizes
.sc--big{
	font-size: 24px;
}
.sc--small{
	font-size: 12px;
}
.sc--tiny{
	font-size: 9px;
	.sc-text{
		padding:.85em .75em .5em .75em;
		text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;
	}
	.sc-icon{
		padding:.5em .75em .5em .75em;
		border-right:rgba(255,255,255,0.1) 1px solid;
		box-shadow:inset rgba(0,0,0,0.1) -1px 0px 0px;
	}
}
.sc--short{
	.sc-icon{
		padding:0.4em .9em .35em;
	}
	.sc-text{
		padding:.75em 1em .75em 1em;
	}
}
.sc--tall{
	font-size: 1.15em;
	.sc-icon{
		padding:1em .9em .85em;
	}
	.sc-text{
		padding:1.25em 1em 1em 1em;
	}
}
.sc--round{
	@include border-radius(5em);
	.sc-icon{
		padding:0.7em .8em .5em 1em;
	}
}
.sc--flat{
	.sc-icon{
		border-color:transparent;
	}
	box-shadow:none;
	background-image:none !important;
	&:hover{
		// box-shadow:inset rgba(50,50,50,.01) 0px 5em 0;
	}
	&:active{
		// box-shadow:inset rgba(0,0,0,0.3) 0px .15em 0.25em;
	}
}
.sc--shine{
	box-shadow:
		inset rgba(0,0,0,0.1) 0px -0.15em 0px,
		inset rgba(255,255,255,0.1) 0px 0.15em 0px,
		rgba(0,0,0,0.3) 0px 0.1em .3em,
		inset rgba(255,255,255,0.15) 0px 2.5em 0px -1em;
	&:active{
		box-shadow:rgba(255,255,255,0.2) 0 .10em 0, inset rgba(0,0,0,0.3) 0px .25em 1em, inset rgba(255,255,255,0.1) 0px 2.5em 0px -1em;
	}
	&:before, &:after{
		content: "";
		display: block;
		position: absolute;
		width:100%;
		height:0.1em;
	}
	&:before{
		top:0;
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
		background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
	}
	&:after{
		bottom:.05em;
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
		background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
	}
	&:active:before, &:active:after{
		opacity:0.5;
	}

}

// Unique styles
.sc--default{
	color:#222;
	text-shadow:rgba(255,255,255,0.4) 0 .1em 0;
	$basecolor: #f8f8f8;
	@include linear-gradient(top, $basecolor, 5%, 5%);
	svg{
		fill:#222;
	}
	&:hover{
		color:#222;
		@include linear-gradient(top, $basecolor, 15%, 15%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--facebook{
	$basecolor: #3B5998;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}

.sc--youtube{
	$basecolor: #bc2020;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}

.sc--twitter{
	$basecolor: #2FC2EF;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 20%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--tumblr{
	$basecolor: #354f6b;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--instagram{
	$basecolor: #405de6;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--pinterest{
	$basecolor: #c70428;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--pinterest-inverse{
	color:#c70428;
	.sc-text{
		text-shadow:rgba(255,255,255,0.5) 0 .1em 0;
	}
	$basecolor: #f8f8f8;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 100%, 20%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
		box-shadow:rgba(255,255,255,0.2) 0 .10em 0, inset rgba(0,0,0,0.2) 0px .25em 1em;
	}
	svg{
		fill:#c70428;
	}
}
.sc--google-plus{
	$basecolor: #d84239;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--dribbble{
	$basecolor: #ea4c89;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--flickr{
	$basecolor: #0d63e2;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--forrst{
	$basecolor: #33601e;
	@include linear-gradient(top, $basecolor, 5%, 5%);
	&:hover{
		@include linear-gradient(top, $basecolor, 8%, 5%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 3%, 5%);
	}
}
.sc--github{
	$basecolor: #24292E;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--keybase{
	$basecolor: #ff6f21;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--lastfm{<commit_msg>trying the blue<commit_after>.btn-block{
	display: inline-block;
	width:300px;
	margin:5px 5px 10px;
	vertical-align: top;
	border-bottom:#f0f0f0 1px solid;
}

// Mixins and variables
@mixin linear-gradient($dir, $basecolor, $hi:10%, $lo:10%, $pos:100%){
	background-color: darken($basecolor, $lo);
	background-image: -webkit-linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo) $pos);
	background-image: -moz-linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo));
	background-image: -ms-linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo));
	background-image: -o-linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo));
	background-image: linear-gradient($dir, lighten($basecolor, $hi), darken($basecolor, $lo));
}
@mixin border-radius($rad) {
	border-radius:#{$rad};
	-webkit-border-radius:#{$rad};
	-moz-border-radius:#{$rad};
	-ms-border-radius:#{$rad};
	-o-border-radius:#{$rad};
}

.sc-btn{
	display: inline-block;
	position: relative;
	margin:0 0 0 0;
	padding:0;
	color:#fff;
	font-family: "Helvetica Neue", "Helvetica", sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1em;
	text-decoration: none;
	text-shadow:rgba(0,0,0,0.3) 0px -.1em 0px;
	border:0;
	// border:rgba(0,0,0,0.2) 1px solid;
	// border-bottom-color:rgba(0,0,0,0.3);
	@include border-radius(.4em);
	$basecolor: #333;
	@include linear-gradient(top, $basecolor, 15%);
	box-shadow:inset rgba(0,0,0,0.1) 0px -0.15em 0px, inset rgba(255,255,255,0.2) 0px 0.15em 0px, rgba(0,0,0,0.3) 0px 0.1em .3em;
	text-align: center;
	background-repeat: no-repeat;
	-webkit-transition:background-position .1s ease-in-out;
	-webkit-appearance:none;
	cursor: pointer;
	overflow: hidden;
	&:hover{
		color:#fff;
	}
	&:active{
		box-shadow:rgba(255,255,255,0.2) 0 .10em 0, inset rgba(0,0,0,0.3) 0px .25em 1em;
	}
}

	.sc-icon, .sc-text{
		display: block;
		float:left;
	}
	.sc-icon{
		margin:0 -.4em 0 0;
		padding:0.6em .8em .5em;
		border-right:rgba(255,255,255,0.1) .1em solid;
		box-shadow:inset rgba(0,0,0,0.1) -.1em 0px 0px;
	}
	.sc-text{
		padding:.95em 1em .85em 1em;
		font-size: 1.15em;
		text-align: center;
	}
	svg{
		width:2em;
		height:2em;
		fill:#fff;
	}

// block level button
.sc-block{
	display: block;
}

// Styles / sizes
.sc--big{
	font-size: 24px;
}
.sc--small{
	font-size: 12px;
}
.sc--tiny{
	font-size: 9px;
	.sc-text{
		padding:.85em .75em .5em .75em;
		text-shadow:rgba(0,0,0,0.3) 0px -1px 0px;
	}
	.sc-icon{
		padding:.5em .75em .5em .75em;
		border-right:rgba(255,255,255,0.1) 1px solid;
		box-shadow:inset rgba(0,0,0,0.1) -1px 0px 0px;
	}
}
.sc--short{
	.sc-icon{
		padding:0.4em .9em .35em;
	}
	.sc-text{
		padding:.75em 1em .75em 1em;
	}
}
.sc--tall{
	font-size: 1.15em;
	.sc-icon{
		padding:1em .9em .85em;
	}
	.sc-text{
		padding:1.25em 1em 1em 1em;
	}
}
.sc--round{
	@include border-radius(5em);
	.sc-icon{
		padding:0.7em .8em .5em 1em;
	}
}
.sc--flat{
	.sc-icon{
		border-color:transparent;
	}
	box-shadow:none;
	background-image:none !important;
	&:hover{
		// box-shadow:inset rgba(50,50,50,.01) 0px 5em 0;
	}
	&:active{
		// box-shadow:inset rgba(0,0,0,0.3) 0px .15em 0.25em;
	}
}
.sc--shine{
	box-shadow:
		inset rgba(0,0,0,0.1) 0px -0.15em 0px,
		inset rgba(255,255,255,0.1) 0px 0.15em 0px,
		rgba(0,0,0,0.3) 0px 0.1em .3em,
		inset rgba(255,255,255,0.15) 0px 2.5em 0px -1em;
	&:active{
		box-shadow:rgba(255,255,255,0.2) 0 .10em 0, inset rgba(0,0,0,0.3) 0px .25em 1em, inset rgba(255,255,255,0.1) 0px 2.5em 0px -1em;
	}
	&:before, &:after{
		content: "";
		display: block;
		position: absolute;
		width:100%;
		height:0.1em;
	}
	&:before{
		top:0;
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
		background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 20%, rgba(255,255,255,0) 100%);
	}
	&:after{
		bottom:.05em;
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
		background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 80%, rgba(255,255,255,0) 100%);
	}
	&:active:before, &:active:after{
		opacity:0.5;
	}

}

// Unique styles
.sc--default{
	color:#222;
	text-shadow:rgba(255,255,255,0.4) 0 .1em 0;
	$basecolor: #f8f8f8;
	@include linear-gradient(top, $basecolor, 5%, 5%);
	svg{
		fill:#222;
	}
	&:hover{
		color:#222;
		@include linear-gradient(top, $basecolor, 15%, 15%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--facebook{
	$basecolor: #3B5998;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}

.sc--youtube{
	$basecolor: #bc2020;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}

.sc--twitter{
	$basecolor: #2FC2EF;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 20%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--tumblr{
	$basecolor: #354f6b;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--instagram{
	$basecolor: #405de6;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--pinterest{
	$basecolor: #c70428;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--pinterest-inverse{
	color:#c70428;
	.sc-text{
		text-shadow:rgba(255,255,255,0.5) 0 .1em 0;
	}
	$basecolor: #f8f8f8;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 100%, 20%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
		box-shadow:rgba(255,255,255,0.2) 0 .10em 0, inset rgba(0,0,0,0.2) 0px .25em 1em;
	}
	svg{
		fill:#c70428;
	}
}
.sc--google-plus{
	$basecolor: #d84239;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--dribbble{
	$basecolor: #ea4c89;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--flickr{
	$basecolor: #0d63e2;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--forrst{
	$basecolor: #33601e;
	@include linear-gradient(top, $basecolor, 5%, 5%);
	&:hover{
		@include linear-gradient(top, $basecolor, 8%, 5%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 3%, 5%);
	}
}
.sc--github{
	$basecolor: #24292E;
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--keybase{
	$basecolor: #33a0ff; //ff6f21
	@include linear-gradient(top, $basecolor);
	&:hover{
		@include linear-gradient(top, $basecolor, 15%, 12%, 90%);
		background-color:lighten($basecolor, 2%);
	}
	&:active{
		@include linear-gradient(top, $basecolor, 5%);
	}
}
.sc--lastfm{
{'fraction_non_alphanumeric': 0.2114065897307242, 'fraction_numerical': 0.1076545687684674, 'mean_word_length': 4.669405815423515, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3670355', 'n_tokens_mistral': 9640, 'n_tokens_neox': 7776, 'n_words': 1418}