/*
* Table of content
*
* Button
*/

/* ## Button */
.anps-btn, .button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	max-width: 100%;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.anps-btn[disabled], .button[disabled] {
	cursor: default;
	filter: grayscale(.8);
	opacity: .3;
	pointer-events: none;
}

.anps-btn-wrap--left {
	text-align: left;
}

.anps-btn-wrap--center {
	text-align: center;
}

.anps-btn-wrap--right {
	text-align: right;
}

.anps-btn {
	vertical-align: middle;
}

.anps-btn__icon {
	display: inline-block;
	margin-right: 12px;
	vertical-align: middle;
}

.anps-btn__icon svg {
	height: 16px;
	width: 16px;
}

.anps-btn--sm {
	font-size: 14px;
	padding: 8px 25px;
}

@media (min-width: 992px) {
	.anps-btn--sm {
		font-size: 16px;
		padding: 12px 35px;
	}
}

.anps-btn--md {
	font-size: 16px;
	padding: 12px 35px;
}

@media (min-width: 992px) {
	.anps-btn--md {
		font-size: 16px;
		padding: 14px 40px;
	}
}

.anps-btn--lg {
	font-size: 16px;
	padding: 12px 35px;
}

@media (min-width: 992px) {
	.anps-btn--lg {
		font-size: 18px;
		padding: 17px 45px;
	}
}

.anps-btn--menu {
	font-size: 16px;
	padding: 10px 32px;
}

.anps-btn--add-to-cart {
	font-size: 18px;
	padding: 13px 40px;
}

.anps-btn--normal {
	transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s box-shadow ease-in-out, .2s filter, .3s opacity;
}

.anps-btn--gradient {
	background-size: 100% 100%;
	transition: background-size .2s ease-in-out, .2s box-shadow ease-in-out, .2s filter, .3s opacity;
}

.anps-btn--gradient:hover, .anps-btn--gradient:focus {
	background-size: 175% 100%;
}

.anps-btn--text {
	background: none;
	padding: 0;
	transition: .2s color ease-in-out, .2s filter, .3s opacity;
}

.anps-btn--border {
	border-style: solid;
	transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s filter, .3s opacity;
}