/* ZM Advanced Split Button */
.zm-adv-split-btn-wrap {
	display: flex;
	width: 100%;
}

.zm-adv-split-btn {
	--zm-asb-transition-duration: .3s;
	--zm-asb-icon-rotate: 0deg;
	--zm-asb-icon-scale: 1;
	--zm-asb-icon-translate-x: 0px;
	--zm-asb-icon-translate-y: 0px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	vertical-align: middle;
}

.zm-adv-split-btn.is-equal-height {
	align-items: stretch;
}

.zm-adv-split-btn.is-full-width {
	display: flex;
	width: 100%;
}

.zm-adv-split-btn__segment {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border-style: solid;
	border-width: 0;
	border-color: transparent;
	transition:
		color var(--zm-asb-transition-duration) ease,
		background var(--zm-asb-transition-duration) ease,
		border-color var(--zm-asb-transition-duration) ease,
		box-shadow var(--zm-asb-transition-duration) ease,
		transform var(--zm-asb-transition-duration) ease;
}

.zm-adv-split-btn__button {
	padding: 18px 28px;
	color: #fff;
	background: linear-gradient(135deg, #1947b2 0%, #0c2f86 100%);
	border-radius: 999px;
	min-width: 0;
}

.zm-adv-split-btn.is-full-width .zm-adv-split-btn__button {
	flex: 1 1 auto;
}

.zm-adv-split-btn__text {
	display: inline-block;
	line-height: 1.2;
	text-align: center;
}

.zm-adv-split-btn__icon-box {
	padding: 18px 20px;
	color: #fff;
	background: linear-gradient(135deg, #1947b2 0%, #0c2f86 100%);
	border-radius: 999px;
	flex: 0 0 auto;
}

.zm-adv-split-btn__icon-inner {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	line-height: 1;
	transition: transform var(--zm-asb-transition-duration) ease, color var(--zm-asb-transition-duration) ease;
}

.zm-adv-split-btn__icon-inner svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
	transition: fill var(--zm-asb-transition-duration) ease;
}

.zm-adv-split-btn:hover .zm-adv-split-btn__icon-inner,
.zm-adv-split-btn:focus-within .zm-adv-split-btn__icon-inner,
.zm-adv-split-btn.is-hovered .zm-adv-split-btn__icon-inner {
	transform:
		translate(var(--zm-asb-icon-translate-x), var(--zm-asb-icon-translate-y))
		scale(var(--zm-asb-icon-scale))
		rotate(var(--zm-asb-icon-rotate));
}

.zm-adv-split-btn.is-hover-slide:hover .zm-adv-split-btn__segment,
.zm-adv-split-btn.is-hover-slide:focus-within .zm-adv-split-btn__segment,
.zm-adv-split-btn.is-hover-slide.is-hovered .zm-adv-split-btn__segment {
	transform: translateX(4px);
}

.zm-adv-split-btn.is-hover-scale:hover .zm-adv-split-btn__segment,
.zm-adv-split-btn.is-hover-scale:focus-within .zm-adv-split-btn__segment,
.zm-adv-split-btn.is-hover-scale.is-hovered .zm-adv-split-btn__segment {
	transform: scale(1.02);
}

.zm-adv-split-btn.is-hover-lift:hover .zm-adv-split-btn__segment,
.zm-adv-split-btn.is-hover-lift:focus-within .zm-adv-split-btn__segment,
.zm-adv-split-btn.is-hover-lift.is-hovered .zm-adv-split-btn__segment {
	transform: translateY(-3px);
}
