/**
 * Isolate Illustrator `.cls-1` styles.
 *
 * SVG <style> blocks are document-global. The mobile hamburger SVG ships with:
 *   .cls-1 { fill:none; stroke:#fff; stroke-width:66.67px }
 * which leaks onto every Icon Box / button SVG that also uses `.cls-1`.
 * Theme `master.min.css` also had `.cls-1{fill:unset!important}` which made it worse.
 */
.elementor-icon svg .cls-1,
.elementor-icon-box-icon svg .cls-1,
.elementor-widget-icon-box svg .cls-1,
.elementor-widget-icon svg .cls-1,
.elementor-widget-button svg .cls-1,
.aae--btn-pro-wrapper svg .cls-1,
.wcf__btn svg .cls-1 {
	fill: currentColor !important;
	stroke: none !important;
	stroke-width: 0 !important;
}

.wcf-menu-hamburger svg .cls-1,
.willows-menu-hamburger svg .cls-1,
.bbe-offcanvas-button svg .cls-1 {
	fill: none !important;
	stroke: currentColor !important;
}

/*
 * Advanced Button Style 3: lock the flip row so hover cannot shrink the <a>.
 * Live AAE CSS still uses width:100% + display:block on the inner clip.
 */
.aae--btn-pro-wrapper.style-3 .aae--btn-pro.btn-text-flip {
	display: inline-flex !important;
	align-items: center !important;
	flex: 0 0 auto !important;
	flex-shrink: 0 !important;
	min-width: max-content !important;
	width: auto !important;
	max-width: none !important;
	transition: color 0.3s, background-color 0.3s, border-color 0.3s, box-shadow 0.3s, fill 0.3s !important;
}
.aae--btn-pro-wrapper.style-3 .btn-text-flip .btn-flip-inner {
	display: inline-grid !important;
	grid-template-columns: max-content;
	position: relative !important;
	overflow: hidden !important;
	vertical-align: top !important;
	flex: 0 0 auto !important;
	min-width: max-content !important;
	width: max-content !important;
	max-width: none !important;
}
.aae--btn-pro-wrapper.style-3 .btn-text-flip .btn-flip-text,
.aae--btn-pro-wrapper.style-3 .btn-text-flip .btn-flip-text-hover {
	grid-area: 1 / 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	white-space: nowrap !important;
	width: max-content !important;
	min-width: max-content !important;
	flex-shrink: 0 !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
	transition: transform 0.45s cubic-bezier(0.8, 0, 0.2, 1) !important;
}
.aae--btn-pro-wrapper.style-3 .btn-text-flip .btn-flip-text-hover {
	transform: translateY(100%) !important;
	pointer-events: none !important;
}
.aae--btn-pro-wrapper.style-3 .btn-text-flip:hover .btn-flip-text,
.aae--btn-pro-wrapper.style-3 .btn-text-flip:focus-within .btn-flip-text {
	transform: translateY(-100%) !important;
}
.aae--btn-pro-wrapper.style-3 .btn-text-flip:hover .btn-flip-text-hover,
.aae--btn-pro-wrapper.style-3 .btn-text-flip:focus-within .btn-flip-text-hover {
	transform: translateY(0) !important;
}