ie78

dabblet.css

.btn_sign {
	min-width: 87px;
	padding: 0 5px;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	border-radius: 3px;
	border: 1px solid;
	position: relative;
	z-index: 1;
	box-shadow: 0 2px 1px -1px #fff inset,
				0 18px 18px -18px rgba(255, 255, 255, .6) inset;
}

.btn_sign_red   { background: #e25252; border-color: #ec4e4c; }
.btn_sign_green { background: #3fc351; border-color: #35ab45; }
.btn_sign_blue  { background: #34c5f6; border-color: #00a6dd; }

.btn_sign::after {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 3px;
	z-index: -1;
}

.btn_sign_red::after:hover   { box-shadow: 0 1px 1px 1px rgba(214, 4, 4, .7);}
.btn_sign_green:hover .btn_shadow { box-shadow: 0 1px 1px 1px rgba(4, 214, 32, .7);}
.btn_sign_blue:hover .btn_shadow  { box-shadow: 0 1px 1px 1px rgba(4, 163, 215, .7);}

.btn_sign:active .btn_shadow {
	box-shadow: 0 0;
}

.btn_sign:active {
	box-shadow: 0 18px 18px -18px rgba(255, 255, 255, .6) inset;
}

.btn_sign +.btn_sign {
	margin-left: 10px;
}

/* ie78 */
.ie_before,
.ie_after {
	position: absolute;
	top: 1px;
	right: 1px;
	bottom: 1px;
	left: 1px;
	display: block;
	height: 3px;
	}
.ie_before {
	top: -1px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#25ffffff',GradientType=0 );
	}
.ie_after {
	bottom: -1px;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25ffffff', endColorstr='#80000000',GradientType=0 );
	}

dabblet.html

<div>
		<a href="#" class="btn_sign btn_sign_blue">
			<span class="text">
				Подписаться
			</span>
			<!-- 
			<span class="btn_shadow"> </span>
			 -->
			<span class="ie_before"> </span>
			<span class="ie_after"> </span>
		</a>
		<a href="#" class="btn_sign btn_sign_red">
			<span class="text">
				Подписаться
			</span>
			<!-- 
			<span class="btn_shadow"> </span>
			 -->
			<span class="ie_before"> </span>
			<span class="ie_after"> </span>
		</a>
		<a href="#" class="btn_sign btn_sign_green">
			<span class="text">
				Подписаться
			</span>
			<!-- 
			<span class="btn_shadow"> </span>
			 -->
			<span class="ie_before"> </span>
			<span class="ie_after"> </span>
		</a>
		<a href="#" class="btn_sign">asd</a>
	</div>

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}