.btn {
	display: inline-block;
	padding: 4px 12px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	font-family: "OpenSansBold", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background: linear-gradient(135deg, #e8e8e8 0%, #d5d5d5 50%, #c2c2c2 100%);
	box-shadow: 
		0 2px 4px rgba(0, 0, 0, 0.1),
		0 1px 2px rgba(0, 0, 0, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 4px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
	overflow: hidden;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

.btn:hover {
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 4px 8px rgba(0, 0, 0, 0.15),
		0 2px 4px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.4);
	background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 50%, #d0d0d0 100%);
	text-decoration: none;
}

.btn:focus {
	outline: none;
	box-shadow: 
		0 2px 4px rgba(0, 0, 0, 0.1),
		0 0 0 3px rgba(75, 147, 7, 0.2);
}

.btn.btn-primary,
.btn-primary {
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	background: linear-gradient(135deg, #5cb85c 0%, #4B9307 50%, #3d7707 100%);
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 
		0 3px 6px rgba(75, 147, 7, 0.3),
		0 2px 4px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	min-height: 22px;
	line-height: 22px;
}

.btn.btn-primary:hover,
.btn-primary:hover {
	color: #fff !important;
	background: linear-gradient(135deg, #6fd36f 0%, #55a40a 50%, #4B9307 100%);
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 5px 12px rgba(75, 147, 7, 0.4),
		0 3px 6px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.btn-yellow {
	color: #000 !important;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	background: linear-gradient(135deg, #ffc107 0%, #f2ad01 50%, #ec8600 100%);
	border: 1px solid rgba(0, 0, 0, 0.15);
	box-shadow: 
		0 3px 6px rgba(236, 134, 0, 0.3),
		0 2px 4px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.btn-yellow:hover {
	color: #000 !important;
	background: linear-gradient(135deg, #ffd54f 0%, #ffb300 50%, #ff8f00 100%);
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 5px 12px rgba(236, 134, 0, 0.4),
		0 3px 6px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.btn-header-yellow {
	color: #424242;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
	background: linear-gradient(135deg, #ffe082 0%, #ffd54f 50%, #f4aa00 100%);
	border: 1px solid rgba(244, 170, 0, 0.3);
	box-shadow: 
		0 2px 4px rgba(244, 170, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.5);
	transition: all 0.3s ease;
}

.btn-header-yellow:hover {
	background: linear-gradient(135deg, #fff9c4 0%, #ffe082 50%, #ffd54f 100%);
	transform: translateY(-1px) scale(1.02);
	box-shadow: 
		0 4px 8px rgba(244, 170, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

.btn-header-grey {
	background: linear-gradient(135deg, #fafafa 0%, #f1f1f1 50%, #e0e0e0 100%);
	box-shadow: 
		0 2px 4px rgba(0, 0, 0, 0.08),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	padding: 0px 10px;
	line-height: 27px;
	transition: all 0.3s ease;
}

.btn-header-grey:hover {
	background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 50%, #e8e8e8 100%);
	transform: translateY(-1px) scale(1.02);
	box-shadow: 
		0 4px 8px rgba(0, 0, 0, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
}

.btn-large {
	padding: 11px 19px;
	font-size: 17.5px;
	border-radius: 6px;
	box-shadow: 
		0 4px 8px rgba(0, 0, 0, 0.15),
		0 2px 4px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.btn-large:hover {
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 6px 12px rgba(0, 0, 0, 0.2),
		0 3px 6px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.4);
}

.btn-small {
	padding: 2px 10px;
	font-size: 11.9px;
	border-radius: 3px;
}

.btn-mini {
	padding: 0px 6px;
	font-size: 10.5px;
	border-radius: 2px;
}

.btn-warning {
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	background: linear-gradient(135deg, #ff9800 0%, #fbb450 50%, #f89406 100%);
	border: 1px solid rgba(248, 148, 6, 0.3);
	box-shadow: 
		0 3px 6px rgba(248, 148, 6, 0.3),
		0 2px 4px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.btn-warning:hover {
	background: linear-gradient(135deg, #ffb74d 0%, #ffc107 50%, #ffa726 100%);
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 5px 12px rgba(248, 148, 6, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.btn-danger {
	color: #fff !important;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	background: linear-gradient(135deg, #f44336 0%, #ee5f5b 50%, #bd362f 100%);
	border: 1px solid rgba(189, 54, 47, 0.3);
	box-shadow: 
		0 3px 6px rgba(189, 54, 47, 0.3),
		0 2px 4px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn-danger:hover {
	background: linear-gradient(135deg, #e57373 0%, #f44336 50%, #d32f2f 100%);
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 5px 12px rgba(189, 54, 47, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.btn-success {
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	background: linear-gradient(135deg, #66bb6a 0%, #62c462 50%, #51a351 100%);
	border: 1px solid rgba(81, 163, 81, 0.3);
	box-shadow: 
		0 3px 6px rgba(81, 163, 81, 0.3),
		0 2px 4px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.btn-success:hover {
	background: linear-gradient(135deg, #81c784 0%, #66bb6a 50%, #4caf50 100%);
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 5px 12px rgba(81, 163, 81, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.btn-info {
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
	background: linear-gradient(135deg, #29b6f6 0%, #5bc0de 50%, #2f96b4 100%);
	border: 1px solid rgba(47, 150, 180, 0.3);
	box-shadow: 
		0 3px 6px rgba(47, 150, 180, 0.3),
		0 2px 4px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
}

.btn-info:hover {
	background: linear-gradient(135deg, #4fc3f7 0%, #29b6f6 50%, #039be5 100%);
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 5px 12px rgba(47, 150, 180, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.btn-inverse {
	color: #fff;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	background: linear-gradient(135deg, #616161 0%, #444 50%, #222 100%);
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 
		0 3px 6px rgba(0, 0, 0, 0.3),
		0 2px 4px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.15);
}

.btn-inverse:hover {
	background: linear-gradient(135deg, #757575 0%, #616161 50%, #424242 100%);
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 5px 12px rgba(0, 0, 0, 0.4),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn-link {
	background: transparent;
	border: none;
	color: #4B9307;
	box-shadow: none;
	transition: all 0.3s ease;
	text-decoration: none;
}

.btn-link:hover {
	color: #3d7707;
	background: transparent;
	transform: none;
	box-shadow: none;
	text-decoration: underline;
}

a.trybttn {
	color: #fff;
	font-weight: 700;
	background: linear-gradient(135deg, #5cb85c 0%, #4B9308 50%, #3d7707 100%);
	padding: 5px 15px;
	border-radius: 4px;
	margin-left: 5px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	display: inline-block;
	box-shadow: 
		0 3px 6px rgba(75, 147, 8, 0.3),
		0 2px 4px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

a.trybttn:hover {
	background: linear-gradient(135deg, #66bb6a 0%, #55a40a 50%, #4B9307 100%);
	transform: translateY(-2px) scale(1.05);
	text-decoration: none;
	box-shadow: 
		0 5px 12px rgba(75, 147, 8, 0.4),
		0 3px 6px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

a.trybttn2 {
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	background: linear-gradient(135deg, #5cb85c 0%, #4B9308 50%, #3d7707 100%);
	padding: 14px 32px;
	border-radius: 27px;
	white-space: nowrap;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 
		0 4px 10px rgba(75, 147, 8, 0.35),
		0 2px 6px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.25);
	text-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
}

a.trybttn2:hover {
	background: linear-gradient(135deg, #66bb6a 0%, #55a40a 50%, #4B9307 100%);
	transform: translateY(-3px) scale(1.05);
	text-decoration: none;
	box-shadow: 
		0 6px 16px rgba(75, 147, 8, 0.45),
		0 4px 8px rgba(0, 0, 0, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
}

.mod_bttn {
	color: #4B9307;
	font-weight: 700;
	background: linear-gradient(135deg, #ffffff 0%, #f5f5f5 50%, #e8e8e8 100%);
	padding: 16px 30px;
	border-radius: 4px;
	display: inline-block;
	border: 0;
	text-transform: uppercase;
	line-height: 18px;
	letter-spacing: 1px;
	box-shadow: 
		0 3px 6px rgba(0, 0, 0, 0.1),
		0 2px 4px rgba(0, 0, 0, 0.06),
		inset 0 1px 0 rgba(255, 255, 255, 0.8);
	transition: all 0.3s ease;
}

.mod_bttn:hover {
	background: linear-gradient(135deg, #f8f8f8 0%, #eeeeee 50%, #e0e0e0 100%);
	transform: translateY(-2px) scale(1.03);
	box-shadow: 
		0 5px 12px rgba(0, 0, 0, 0.15),
		0 3px 6px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 1);
}

.planbuy {
	border-radius: 0 0 4px 4px;
	text-transform: uppercase;
	width: 100%;
	background: linear-gradient(135deg, #212121 0%, #000 50%, #000 100%);
	color: #fff !important;
	display: block;
	text-align: center;
	line-height: 52px;
	font-weight: bold;
	box-shadow: 
		0 4px 8px rgba(0, 0, 0, 0.3),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	position: relative;
}

.planbuy:hover {
	background: linear-gradient(135deg, #5cb85c 0%, #4B9308 50%, #3d7707 100%);
	text-decoration: none;
	transform: translateY(-2px) scale(1.02);
	box-shadow: 
		0 6px 16px rgba(75, 147, 8, 0.4),
		0 4px 8px rgba(0, 0, 0, 0.25),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn.disabled,
.btn[disabled],
.btn.disabled:hover,
.btn[disabled]:hover {
	cursor: not-allowed;
	opacity: 0.6;
	transform: none !important;
	box-shadow: 
		0 1px 2px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
}

.btn.busy,
input[type=submit].btn.busy {
	pointer-events: none;
	opacity: 0.7;
	position: relative;
}

.btn-group>.btn:hover,
.btn-group>.btn:focus {
	z-index: 2;
	transform: translateY(-1px) scale(1.02);
}

@media (max-width: 768px) {
	.btn {
		padding: 6px 12px;
		font-size: 13px;
	}
	
	a.trybttn2 {
		padding: 12px 24px;
		font-size: 16px;
	}
	
	.planbuy {
		line-height: 44px;
	}
}