/** @format */

.button,
button[type='submit'],
.BorlabsCookie * a.button {
	width: auto;
	max-width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: left;

	transition: all 500ms ease;
	padding: var(--vgap-button) var(--hgap-button);
	font-weight: bold;
	cursor: pointer;
}

.wysiwyg .button,
.wysiwyg button[type='submit'] {
	margin-top: 20px;
}

.button:hover,
button[type='submit']:hover,
.BorlabsCookie * a.button:hover {
	color: inherit;
	text-decoration: none;
}

/*Primary*/
.button--primary,
button[type='submit'],
.BorlabsCookie * a.button--primary {
	background-color: var(--color-orange);
	color: var(--color-white);
	border: 2px solid var(--color-orange);
	border-radius: var(--br-input);
}

.button--primary:hover,
button[type='submit']:hover,
.BorlabsCookie * a.button--primary:hover {
	background-color: transparent;
	color: var(--color-orange);
}

/*Secondary*/
.button--secondary {
	background-color: transparent;
	color: var(--color-black);
}

.button--secondary:hover {
	color: var(--color-orange);
}

.button--secondary::after {
	content: '\e5c8';
	flex: 0 0 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: center;
	width: 50px;
	height: 50px;
	margin-left: 12px;
	background-color: var(--color-white);
	border-radius: var(--br-pill);
	font-family: var(--ff-icon-font);
}

.button--secondary:hover {
	color: var(--color-orange);
}

/*Secondary Reverse*/
.button--secondary_reverse {
	background-color: transparent;
	color: var(--color-black);
}

.button--secondary_reverse:hover {
	color: var(--color-orange);
}

.button--secondary_reverse::before {
	content: '\e5c4';
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: center;
	width: 50px;
	height: 50px;
	margin-right: 12px;
	background-color: var(--color-white);
	border-radius: var(--br-pill);
	font-family: var(--ff-icon-font);
}

.button--secondary_reverse:hover {
	color: var(--color-orange);
}

/*Menu Special Button (inverted)*/
.button--invert {
	background-color: transparent;
	color: var(--color-orange);
	border: 2px solid var(--color-orange);
	border-radius: var(--br-input);
	font-weight: bold;
}

.button--invert:hover {
	background-color: var(--color-orange);
	color: var(--color-white);
}

/*Menu Special Button (low padding)*/
.button--half_padding {
	padding: calc(var(--vgap-button) / 2) calc(var(--hgap-button) / 4);
	margin: 0 10px;
}

/*specific to Menu*/
.button--invert.current-menu-item {
	background-color: var(--color-orange);
	color: var(--color-white);
}

/*Download Button*/
.button--download {
	min-width: calc(94px + var(--hgap-button));
	background-color: var(--color-orange);
	color: var(--color-white);
	border-radius: var(--br-pill);
	border: 2px solid var(--color-orange);
	padding: calc(var(--vgap-button) / 2) calc(var(--hgap-button) / 2);
	justify-content: flex-start;
}

.button--download:hover {
	background-color: var(--color-white);
	color: var(--color-orange);
}

.button--download::before {
	content: '\e5db';
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	text-align: center;
	margin-right: 0.8em;
	font-family: var(--ff-icon-font);
}