.hz-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: var(--hz-space-xs);
	width: min(100%, var(--hz-button-width));
	min-height: var(--hz-button-height);
	padding: var(--hz-space-s) var(--hz-space-l);
	border: 1px solid transparent;
	font-family: var(--hz-font-body);
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	text-align: center;
	text-decoration: none !important;
	transition:
		background-color 160ms ease,
		border-color 160ms ease,
		color 160ms ease;
}

.hz-button:hover,
.hz-button:focus {
	text-decoration: none !important;
}

.hz-button--primary {
	color: var(--hz-color-white) !important;
	background-color: var(--hz-color-dark);
	border-color: var(--hz-color-dark);
}

.hz-button--primary:hover,
.hz-button--primary:focus {
	color: var(--hz-color-white) !important;
	background-color: var(--hz-color-primary);
	border-color: var(--hz-color-primary);
}

.hz-button--secondary {
	color: var(--hz-color-dark) !important;
	background-color: rgba(255, 255, 255, 0.36);
	border-color: var(--hz-color-dark);
}

.hz-button--secondary:hover,
.hz-button--secondary:focus {
	color: var(--hz-color-white) !important;
	background-color: var(--hz-color-dark);
	border-color: var(--hz-color-dark);
}

.hz-button__text {
	flex: 1 1 auto;
	min-width: 0;
	text-align: center;
	white-space: nowrap;
}

.hz-button__icon {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	width: var(--hz-button-icon-size);
	height: var(--hz-button-icon-size);
	color: inherit !important;
}

.hz-button__icon svg,
.hz-button__icon i {
	display: block;
	width: var(--hz-button-icon-size);
	height: var(--hz-button-icon-size);
	color: inherit !important;
	fill: currentColor !important;
}

.hz-button__icon i {
	font-size: var(--hz-button-icon-size);
	line-height: 1;
}

.hz-button__icon svg * {
	color: inherit !important;
}

.hz-button__icon svg [stroke] {
	stroke: currentColor !important;
}

.hz-button__icon svg [fill]:not([fill="none"]) {
	fill: currentColor !important;
}

.hz-button__icon .elementor-icon,
.hz-button__icon .elementor-icon i,
.hz-button__icon .elementor-icon svg {
	color: inherit !important;
}