/**
 * کلاس‌ها را به ویجت Button در Elementor بدهید.
 */
.viva-button-primary .elementor-button,
.viva-button-secondary .elementor-button,
.viva-button-outline .elementor-button,
.viva-button-text .elementor-button,
.viva-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.6rem;
	min-height: 50px;
	padding: 0.85rem 1.4rem;
	border: 1px solid transparent;
	border-radius: var(--viva-radius-sm);
	font-weight: 600;
	line-height: 1;
	text-decoration: none;
	transition:
		transform var(--viva-duration-base) var(--viva-ease),
		background-color var(--viva-duration-base) ease,
		color var(--viva-duration-base) ease,
		border-color var(--viva-duration-base) ease;
}

.viva-button-primary .elementor-button,
.viva-button--primary {
	background: var(--viva-color-gold);
	color: var(--viva-color-text-dark);
}

.viva-button-primary .elementor-button:hover,
.viva-button--primary:hover {
	background: var(--viva-color-gold-soft);
	color: var(--viva-color-text-dark);
	transform: translateY(-2px);
}

.viva-button-secondary .elementor-button,
.viva-button--secondary {
	background: var(--viva-color-primary);
	color: var(--viva-color-text);
}

.viva-button-secondary .elementor-button:hover,
.viva-button--secondary:hover {
	background: #3b6262;
	color: #fff;
	transform: translateY(-2px);
}

.viva-button-outline .elementor-button,
.viva-button--outline {
	border-color: var(--viva-color-border-strong);
	background: transparent;
	color: var(--viva-color-vanilla);
}

.viva-button-outline .elementor-button:hover,
.viva-button--outline:hover {
	border-color: var(--viva-color-gold);
	background: rgb(212 175 55 / 0.08);
	color: var(--viva-color-gold-soft);
}

.viva-button-text .elementor-button {
	min-height: auto;
	padding: 0;
	background: transparent;
	color: var(--viva-color-gold-soft);
}

.viva-button-call .elementor-button::before {
	content: "☎";
	font-size: 1.1em;
}