/* 
  To use this effect:
  1. Select your Container.
  2. Go to Advanced > Layout and add the class "hover-container-buttons" to "CSS Classes".
  3. Any Elementor button inside will now transition colors when the container is hovered.
*/

.hover-container-buttons:hover .elementor-button {
    background-color: var(--e-global-color-accent, #61ce70) !important; /* Hover background color */
    color: #ffffff !important; /* Hover text color */
}

.hover-container-buttons .elementor-button {
    transition: background-color 0.3s ease, color 0.3s ease !important;
}