.elementor a.moxies-button,
.elementor button.moxies-button,
a.moxies-button {
	--btn-color: var(--e-global-color-primary);
	--btn-bg-color: var(--btn-color);
	--btn-hover-bg-color: #205548;
	--btn-label-color: #fff;
	--btn-outline-color: transparent;
	min-height: 4rem;
	padding: 1rem;
	display: inline-flex;
	align-items: flex-end;
	text-transform: uppercase;
	color: var(--btn-label-color);
	font-family: "BrownLL";
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	text-decoration: none;
	font-size: 12px;
	position: relative;
	background-color: transparent;
}

.inner {
	height: 73px;
	min-width: 179px;
}

.moxies-left-menu {
	height: 88px;
	min-width: 280px;
	width: 100%;
}

.elementor a.moxies-button:disabled,
.elementor button.moxies-button:disabled,
.elementor .moxies-button:disabled {
	opacity: 0.5;
}

.elementor a.moxies-button:hover,
.elementor button.moxies-button:hover,
.elementor .moxies-button:hover {
	background-color: var(--btn-hover-bg-color);
	text-decoration: none;
	border: none;
}

.elementor a.moxies-button:focus-within .moxies-button__bg,
.elementor button.moxies-button:focus-within .moxies-button__bg,
.elementor .moxies-button:focus-within .moxies-button__bg {
	outline: 2px solid var(--btn-color);
	outline-offset: 2px;
}

.elementor a.moxies-button input,
.elementor button.moxies-button input,
.elementor .moxies-button input {
	opacity: 0;
	z-index: 99;
}

.elementor .moxies-button input:placeholder {
	opacity: 0.8;
}

.moxies-button__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background-color: var(--btn-bg-color);
	transition:
		transform 0.3s,
		background-color 0.3s,
		border-color 0.3s;
}

.moxies-button-lg {
	height: 93px;
	min-width: 225px;
}
.moxies-button-outline .moxies-button__bg,
.moxies-button[data-style="outline"] .moxies-button__bg {
	border: 1px solid var(--btn-color);
}

.elementor a.moxies-button-green,
.elementor button.moxies-button-green,
.moxies-button[data-theme="green"] {
	--btn-color: var(--e-global-color-primary);
	--btn-hover-bg-color: #205548;
	--btn-label-color: #fff;
}

.elementor a.moxies-button-copper,
.elementor button.moxies-button-copper,
.moxies-button[data-theme="copper"] {
	--btn-color: var(--e-global-color-secondary);
}

.elementor a.moxies-button-white,
.elementor button.moxies-button-white,
.moxies-button[data-theme="clear"] {
	--btn-color: var(--e-global-color-primary);
	--btn-hover-bg-color: transparent;
	--btn-bg-color: transparent;
	--btn-label-color: var(--e-global-color-primary);
}

.elementor a.moxies-button-clear,
.elementor button.moxies-button-clear,
.moxies-button[data-theme="clear"] {
	--btn-color: var(--e-global-color-primary);
	--btn-hover-bg-color: transparent;
	--btn-bg-color: transparent;
	--btn-label-color: #fff;
}

.elementor a.moxies-button-outline,
.elementor button.moxies-button-outline,
.moxies-button[data-style="outline"] {
	--btn-hover-bg-color: #fff;
	--btn-bg-color: #fff;
	--btn-label-color: var(--btn-color);
}

.elementor a.moxies-button:hover .moxies-button__bg,
.elementor button.moxies-button:hover .moxies-button__bg {
	transform: scaleY(1.08) translateY(4%);
}

.moxies-button__label {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	position: relative;
	z-index: 2;
	white-space: nowrap;
	padding-inline-end: 34px;
	transform: translateZ(0);
	transition: transform 0.3s;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.125em;
	color: inherit;
}

.moxies-button__label svg {
	width: 30px;
	height: 30px;
}

.moxies-button:hover .moxies-button__label {
	transform: translateY(5px);
}

.moxies-button__icon {
	color: inherit;
	transition: color 0.3s;
	position: absolute;
	right: 0;
	bottom: -10px;
	width: 30px;
	transform: translateY(-9%);
}
