/*
 * CWS - Button animations
 * Hover icon movement for Elementor Button widgets.
 *
 * Enqueued only for buttons that enable the effect (see
 * CWS_button_animations::maybe_enqueue()). The per-button direction, distance,
 * duration and easing are written by Elementor as --cws-btn-icon-* custom
 * properties on the widget wrapper; these rules consume them.
 *
 * The `none` / default fallbacks mean buttons that did NOT opt in are left
 * untouched, even though this stylesheet is loaded for the whole page once any
 * button on it enables the effect. Don't drop the fallbacks.
 */

.elementor-widget-button .elementor-button .elementor-button-icon {
    transition: transform var(--cws-btn-icon-duration, 0.3s) var(--cws-btn-icon-ease, ease);
}

.elementor-widget-button .elementor-button:hover .elementor-button-icon,
.elementor-widget-button .elementor-button:focus-visible .elementor-button-icon {
    transform: var(--cws-btn-icon-hover-transform, none);
}