/* BUTTONS
 * ------------------------------------------------ */
.button,
.btn,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    overflow: hidden;
	display: inline-block;
    margin: relative(10px);
    padding: relative(12px) relative(12px);
    -webkit-user-select: none;
    user-select: none;
    -webkit-transition: all 60ms ease-in-out;
    transition: all 60ms ease-in-out;
	color: $button-color;
	text-align: center;
    font-family: inherit;
    line-height: 1.3;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	font-weight: $button-weight;
	text-transform: if($button-font-uppercase, uppercase, none);
	text-decoration: none;
	white-space: nowrap;
	background-color: $button-bg-color;
	border-radius: 4px;
	border: 0 none;
	cursor: pointer;
	&:hover {
		-webkit-transition: all 60ms ease;
        transition: all 60ms ease;
        opacity: 0.85;
	}
    &:disabled {
		opacity: 0.8;
        cursor: not-allowed;
    }
    &:focus { outline: 0 none; }
	&:active {
        -webkit-transition: all 60ms ease;
        transition: all 60ms ease;
        -webkit-transform: scale(0.97);
        transform: scale(0.97);
        opacity: 0.75;
    }
    &.btn-outline {
        border: 3px solid $button-outline-border-color;
        color: $button-color;
        background: transparent;
        transition: all 0.5s ease;
		&:hover, &:active {
			color: #000;
			background: #fff;
		}
    }
	&.btn-outline-inverted {
		border: 3px solid #000;
		color: #000;
		background: transparent;
		transition: all 0.5s ease;
		&:hover, &:active {
			color: #fff;
			background: #000;
		}
	}
	&.btn-clear {
		background: transparent;
		color: gray;
	}
}

/* Fix for odd Mozilla border & padding issues */
button,
input {
	&::-moz-focus-inner {
		border: 0;
		padding: 0;
	}
}
