/* Buttons */
.button {
	display: block;
	text-align: center;
	border: 0px;
	cursor: pointer;
	padding: .6em 1em .4em;
	line-height: 1;
	display: block;
	width: fit-content;
	min-width: fit-content;
	text-decoration: none;
	font-variant: small-caps;
	margin-bottom: 50px !important;
}
.button-small {
	height: 35px !important;
	min-height: fit-content !important;
}
.button-medium {
	height: 45px !important;
	min-height: fit-content !important;
	font-size: 1.3em !important;
	line-height: 25px !important;
	font-weight: bold !important;
}
.button-large {
	height: 55px !important;
	min-height: fit-content !important;
	font-size: 1.5em !important;
	line-height: 30px !important;
	font-weight: bold !important;
}
.button-full-width {
	width: 100% !important;
}
.button-half-width {
	width: 50% !important;
}
.button-25percent-width {
	width: 25% !important;
	min-width: fit-content;
}
.button-75percent-width {
	width: 75% !important;
	min-width: fit-content;
}
.button,
.button-primary {
    color: var(--button-text-color);
	background-color: var(--button-background-color);
}
.button-primary>a,
.button-primary i {
	text-decoration: none;
	color: var(--button-text-color);
}
.button-primary:hover {
    text-decoration: none !important;
	opacity: 0.75 !important;
	border: 1px solid var(--button-background-color);
}
.button-primary:hover>a,
.button-primary:hover i {
    text-decoration: none !important;
	color: var(--button-background-color) !important;
}
.button-primary-inverse {
    width: 100%;
    text-align: center;
}
.button-primary-inverse a,
.button-primary-inverse i {
    text-decoration: none !important;
}
.button-primary-inverse:hover {
    text-decoration: none !important;
}
.button-primary-inverse:hover>a,
.button-primary-inverse:hover i {
    text-decoration: none !important;
}
/*.button-secondary.button a,*/
.button a,
.button a:visited {
	color: var(--button-text-color);
	background-color: var(--button-background-color);
}
.button-secondary {
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    border: 1px solid var(--button-background-color) !important;
	color: var(--button-background-color) !important;
	background-color: transparent !important;
}
.button-secondary a,
.button-secondary a:visited,
.button-secondary i {
    text-decoration: none;
}
.button-secondary:hover {
    text-decoration: none;
	background-color: var(--button-background-color) !important;
	color: var(--button-text-color) !important;
}
.button-secondary:hover a,
.button-secondary:hover i,
.button-primary-inverse:hover i {
    text-decoration: none;
	color: var(--button-text-color) !important;
}