//
// Button Styles
// --------------------------------------------------

.v-btn{
	display: inline-block;
	background-color: $white;
	color: $black;
	border: 1px solid $black;
	@include transition(color .3s ease-in-out);
	@include btn-shadow();

	&.lrg{
		font-size: 18px;
		padding: 10px 50px;
	}

	&.sml{
		font-size: 15px;
		padding: 8px 40px;
	}

	&.blue{
		color: $blue;
		border: 1px solid $blue;
	}

	&.gray{
		font-weight: 300;
		color: $gray;
		border: 1px solid $light-gray;
	}

	&.terminal{
		padding-left: 52px;
		padding-right: 30px;
		margin-left: 12px;
	    background: image-url('../images/icon-terminal.png') 16px center no-repeat;
	   	@include img-retina("../images/icon-terminal.png", "../images/icon-terminal@2x.png", 26px, 25px);
	}

	&.started{
		margin-bottom: 12px;
	}

	&:hover{
		text-decoration: none;
		@include transition(color .3s ease-in-out);

		&.blue{
			color: darken($blue, 8%);
		}

		&.black{
			color: lighten($black, 50%);
		}

		&.gray{
			color: $black;
		}
	}
}
