@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon/icomoon.eot');
	src:url('../fonts/icomoon/icomoon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/icomoon/icomoon.woff') format('woff'),
		url('../fonts/icomoon/icomoon.ttf') format('truetype'),
		url('../fonts/icomoon/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* General button style (reset) */
.btn3 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	margin: 10px 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn3:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn3:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.empty-space:after,
.icon-file:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.btn4 {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	padding: 25px 80px;
	display: inline-block;
	margin: 10px 10px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn4:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Pseudo elements for icons */
.btn4:before,
.icon-heart:after,
.icon-star:after,
.icon-plus:after,
.empty-space:after,
.icon-file:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	position: relative;
	-webkit-font-smoothing: antialiased;
}

.icon-envelope:before {
	content: "\e000";
}

.icon-cart:before {
	content: "\e007";
}

.icon-cart-2:before {
	content: "\e008";
}

.icon-heart:before {
	content: "\e009";
}

.icon-table:before {
	content: "\ea70";
}

/* Filled heart */
.icon-heart:after,
.icon-heart-2:before {
	content: "\e00a";
}

.icon-star:before {
	content: "\e00b";
}

/* Filled star */
.icon-star:after,
.icon-star-2:before {
	content: "\e00c";
}

.icon-arrow-right:before {
	content: "\e00d";
}

.icon-arrow-left:before {
	content: "\e003";
}

.icon-truck:before {
	content: "\e00e";
}

.icon-remove:before {
	content: "\e00f";
}

.icon-cog:before {
	content: "\e010";
}

.icon-plus:before {
	content: "\e011";
}

.empty-space:before {
	content: attr(data-before);
}

.link-space:before {
	content: attr(data-before);
}

.link-space:after {
	content: attr(data-after);
}

.icon-minus:before {
	content: "\e012";
}

.bh-icon-smiley:before {
	content: "\e001";
}

.bh-icon-sad:before {
	content: "\e002";
}

.icon-file:before {
	content: "\e004";
}

.icon-remove-2:before {
	content: "\e005";
}

/* Button 1 */
.btn-1 {
	background: #92278f;
	color: #fff;
	border-radius: 10px;
}

.btn-1:hover {
	background: #7e227b;
	color: #fff;
}

.btn-1:focus {
	background: #a62ca3;
	color: #fff;
}

.btn-1:active {
	background: #a62ca3;
	color: #fff;
}

.btn-1:before {
	position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    line-height: 3.5;
    font-size: 140%;
    width: 60px;
}


/* Button 2 */
.btn-2 {
	background: #92278f;
	color: #fff;
}

.btn-2:hover:before,.btn-2:hover:after {
	background: #92278f;
	color: #fff;
}

.btn-2:focus:before,.btn-2:focus:after {
	background: #92278f;
	color: #fff;
}

.btn-2:active:before,.btn-2:active:after {
	background: #92278f;
	color: #fff;
}

/* Button 1a */
.btn-1a {
	padding: 25px 60px 25px 120px;
}

.btn-1a:before {
	background: rgba(0,0,0,0.05);
}

/* Button 1b */
.btn-1b {
	padding: 25px 20px 25px 80px;
    border-radius: 10px;
    min-width: 300px;
}

.btn-1b:before {
	border-right: 2px solid rgba(255,255,255,0.5);
}

/* Button 1c */
.btn-1c {
    min-width: 150px;
    align-content: center;
    display: inline-grid;
    padding: 80px 20px 10px 20px;
    border-radius: 10px;
}

.btn-1c:before {
	height: 60px;
	width: 100%;
	
	line-height: 60px;
	background: #edebed;
	color: var(--link-color);
	border-radius: 10px 10px 0 0;
}

.btn-1c:active:before {
	color: #92278f;
}

/* Button 1d */
.btn-1d {
	padding: 25px 60px 25px 120px;
	border-radius: 10px;
}

.btn-1d:before {
	background: #c033bc;
	color: #fff;
	z-index: 2;
	border-radius: 10px 0 0 10px;
}

.btn-1d:active:before {
	color: #92278f;
}

.btn-1d:active {
	top: 0;
}

.btn-1d:active:after {
	left: 60px;
}

/* Button 1e */
.btn-1e {
	padding: 25px 120px 25px 60px;
	overflow: hidden;
}

.btn-1e:before {
	left: auto;
	right: 10px;
	z-index: 2;
}

.btn-1e:hover:after {
	width: 40%;
}

.btn-1f-new {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 100%;
    font-size: 20px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-left: none;
    border-top: none;
    border-bottom: none;
    border-right: 2px solid rgba(255,255,255,0.5);
    background-color: #92278f;
}

.btn-1f-chart {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    color: #fff;
    position: absolute;
    left: 60px;
    top: 0;
    width: 60px;
    height: 100%;
    font-size: 20px;
    border: none;
    background-color: #92278f;
    z-index: 1;
}

.btn-1f-chart:hover {
    background-color: #7a1f75;
}

.btn-1f-search {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 100%;
    font-size: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-right: none;
    border-top: none;
    border-bottom: none;
    border-left: 2px solid rgba(255,255,255,0.5);
    background-color: #92278f;
    z-index: 1;
}

.btn-1f-notify {
    font-family: 'icomoon';
    font-weight: normal;
    font-style: normal;
    color: #fff;
    position: absolute;
    right: 60;
    top: 0;
    width: 60px;
    height: 100%;
    font-size: 20px;
    border: none;
    background-color: #92278f;
    z-index: 1;
}

.btn-1f {
	padding: 25px 80px 25px 80px;
    border-radius: 10px;
    min-width: 360px;
}