// ============================================================
//          Button Base                                  
// ------------------------------------------------------------*/

+route(style,base)
	.btn
		cursor: pointer
		margin: 0
		vertical-align: middle
		padding: 0.4em
		line-height: inherit
		+relative
		+inline-block
		+single-transition(all,500ms)
		@if nth($layout-fluid-behavior,2) != false
			&.btn-size-max_n
				@media (max-width: nth($layout-second-grid,1) + 0px)
					width: 100% !important
					text-align    : center
			&.btn-size-max_s
				@media (max-width: $bp-mobile - 1px)	
					width: 100% !important
					text-align    : center

	input[type="submit"], button,input[type="reset"], input[type="button"]
		&.btn 
			border-width: 0px

	.btn,.btn:hover
		text-decoration: none

	.btn_alpha
		+fontsize(nth($btn-size-alpha,1))
		font-weight: nth($btn-size-alpha,2)
		padding-top: nth($btn-size-alpha,3) + 0px
		padding-bottom: nth($btn-size-alpha,3) + 0px
		padding-left: nth($btn-size-alpha,4) + 0px
		padding-right: nth($btn-size-alpha,4) + 0px

	.firefox a.btn_alpha
		padding-top: nth($btn-size-alpha,3) + 1px

	.btn_bravo
		+fontsize(nth($btn-size-bravo,1))
		font-weight: nth($btn-size-bravo,2)
		padding-top: nth($btn-size-bravo,3) + 0px
		padding-bottom: nth($btn-size-bravo,3) + 0px
		padding-left: nth($btn-size-bravo,4) + 0px
		padding-right: nth($btn-size-bravo,4) + 0px

	.firefox a.btn_bravo
		padding-top: nth($btn-size-bravo,3) + 1px

	.btn_charlie
		+fontsize(nth($btn-size-charlie,1))
		font-weight: nth($btn-size-charlie,2)
		padding-top: nth($btn-size-charlie,3) + 0px
		padding-bottom: nth($btn-size-charlie,3) + 0px
		padding-left: nth($btn-size-charlie,4) + 0px
		padding-right: nth($btn-size-charlie,4) + 0px

	.firefox a.btn_charlie
		padding-top: nth($btn-size-charlie,3) + 1px

	.btn_delta
		+fontsize(nth($btn-size-delta,1))
		font-weight: nth($btn-size-delta,2)
		padding-top: nth($btn-size-delta,3) + 0px
		padding-bottom: nth($btn-size-delta,3) + 0px
		padding-left: nth($btn-size-delta,4) + 0px
		padding-right: nth($btn-size-delta,4) + 0px

	.firefox a.btn_delta
		padding-top: nth($btn-size-delta,3) + 1px

	.btn_echo
		+fontsize(nth($btn-size-echo,1))
		font-weight: nth($btn-size-echo,2)
		padding-top: nth($btn-size-echo,3) + 0px
		padding-bottom: nth($btn-size-echo,3) + 0px
		padding-left: nth($btn-size-echo,4) + 0px
		padding-right: nth($btn-size-echo,4) + 0px

	.firefox a.btn_echo
		padding-top: nth($btn-size-echo,3) + 1px

	.btn_max
		padding-left: 0
		padding-right: 0
		text-align: center
		width: 100%