@import url(//fonts.googleapis.com/css?family=Lato:300,400,700);

*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* General button style (reset) */
.actBtn {
	font-family: 'Lato', Calibri, Arial, sans-serif;
	border: none;
	font-size: 9px;
	background: none;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	background: #aaa;
	color: #fff;
	/* Top margin affects line height between multiple rows */
	margin: 8px 3px 1px 0px;
	padding: 2px 6px 2px 30px;
	border-radius: 3px;
}

.actBtn:hover {
	background: #ed1c24;
}

.actBtn:active {
	background: #aaa;
	top: 1px;
}

.actBtn:before {
	position: absolute;
	height: 100%;
	left: 0;
	top: 0;
	/* Affects vertical position of icon */
	font-size: 8px;
	/* Vertical stroke of the button */
	border-right: 0px solid rgba(255,255,255,0.8);
}


.icon-email:before {
	content:url('/assets/css/images/icon-email.svg');
	background-repeat: no-repeat;
	width: 30px;
	line-height: 2.4;
	padding:2px 6px 0px 8px;
}

.icon-cart:before {
	content:url('/assets/css/images/icon-cart.svg');
	background-repeat: no-repeat;
	line-height: 2.3;
	width: 34px;
	padding:1px 9px 0px 8px;
}