.elementor-8911 .elementor-element.elementor-element-2ae190f{--display:flex;--min-height:596px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overlay-opacity:0.71;}.elementor-8911 .elementor-element.elementor-element-2ae190f:not(.elementor-motion-effects-element-type-background), .elementor-8911 .elementor-element.elementor-element-2ae190f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#2C3E50;background-image:url("https://adaptivechangeadvisors.com/wp-content/uploads/2026/04/aca-leadership-consulting-background.jpg");}.elementor-8911 .elementor-element.elementor-element-2ae190f::before, .elementor-8911 .elementor-element.elementor-element-2ae190f > .elementor-background-video-container::before, .elementor-8911 .elementor-element.elementor-element-2ae190f > .e-con-inner > .elementor-background-video-container::before, .elementor-8911 .elementor-element.elementor-element-2ae190f > .elementor-background-slideshow::before, .elementor-8911 .elementor-element.elementor-element-2ae190f > .e-con-inner > .elementor-background-slideshow::before, .elementor-8911 .elementor-element.elementor-element-2ae190f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-9516081 );--background-overlay:'';}.elementor-8911 .elementor-element.elementor-element-05e832a .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:24px 24px 24px 24px;padding:18px 24px 18px 24px;}.elementor-8911 .elementor-element.elementor-element-05e832a .elementor-button:hover, .elementor-8911 .elementor-element.elementor-element-05e832a .elementor-button:focus{background-color:var( --e-global-color-e787929 );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-8911 .elementor-element.elementor-element-05e832a .elementor-button:hover svg, .elementor-8911 .elementor-element.elementor-element-05e832a .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-8911 .elementor-element.elementor-element-2a1539a .elementor-button{background-color:var( --e-global-color-primary );fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:4px 4px 4px 4px;padding:18px 24px 18px 24px;}.elementor-8911 .elementor-element.elementor-element-2a1539a .elementor-button:hover, .elementor-8911 .elementor-element.elementor-element-2a1539a .elementor-button:focus{background-color:var( --e-global-color-e787929 );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-8911 .elementor-element.elementor-element-2a1539a .elementor-button:hover svg, .elementor-8911 .elementor-element.elementor-element-2a1539a .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-8911 .elementor-element.elementor-element-b81e0b9 .elementor-button{background-color:#CB5F28;font-weight:500;fill:var( --e-global-color-accent );color:var( --e-global-color-accent );border-radius:4px 4px 4px 4px;padding:18px 24px 18px 24px;}.elementor-8911 .elementor-element.elementor-element-b81e0b9 .elementor-button:hover, .elementor-8911 .elementor-element.elementor-element-b81e0b9 .elementor-button:focus{color:var( --e-global-color-primary );border-color:var( --e-global-color-secondary );}.elementor-8911 .elementor-element.elementor-element-b81e0b9 .elementor-button:hover svg, .elementor-8911 .elementor-element.elementor-element-b81e0b9 .elementor-button:focus svg{fill:var( --e-global-color-primary );}/* Start custom CSS for button, class: .elementor-element-05e832a */.my-btn .elementor-button::before{
    content:'';
    position: absolute;
    background: black;
    width: 100%;
    height:100%;
    top:0;
    left: 0;
    transform: scaleX(0);
    transform-origin: right;
    transition: transform .4s ease;
}

.circle {
  width: 100px;
  height: 100px;
  background-color: #4CAF50;
  border-radius: 50%;
}

.my-btn .elementor-button:hover::before{
    transform: scaleX(1);
    transform-origin: left;
}
.my-btn .elementor-button-text{
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2a1539a *//* Button container setup */
.vinyl-btn {
  position: relative;
  overflow: hidden;
  transition: background-color 0.4s ease;
}

/* Default state */
.vinyl-btn .vinyl {
  position: absolute;
  left: -10%;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  opacity: 0;
}

/* Hover trigger */
.vinyl-btn:hover .vinyl {
  animation: rollAcross 1.8s ease forwards;
}

/* Rolling + gradual fade */
@keyframes rollAcross {

  0% {
    left: -10%;
    transform: translateY(-50%) rotate(0deg);
    opacity: 0;
  }
  
  20% {
    opacity: 0.20;
  }
  
  
  50% {
    opacity: 0.80;
  }
  
  70% {
    opacity: 0.20;
  }
    
  80% {
    opacity: 0.10;
  }

  100% {
    left: 100%;
    transform: translateY(-50%) rotate(1080deg);
    opacity: 0;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b81e0b9 */.aca-slide-circle {
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: transparent; /* or your default button color */
}

/* BACKGROUND FILL (this is the key addition) */
.aca-slide-circle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%; /* starts hidden */
  height: 100%;
  border-radius: 4px;
  font-weight: 600;
  background-color: #efefef; /* same as circle or different if you want */
  transition: width 0.8s ease;
  z-index: 0;
}



/* HOVER STATES */

/* This makes the fill FOLLOW the circle */
.aca-slide-circle:hover::after {
  width: 100%;
}

/* Keep text above everything */
.aca-slide-circle .elementor-button-text {
  position: relative;
  z-index: 2;
}

/* Ensure full button hover state is detected */
.aca-slide-circle:hover {
  color: #CB5F28 !important;
}

/* Force text to inherit the hover color */
.aca-slide-circle:hover .elementor-button-text {
  color: #CB5F28 !important;
}

/* Make sure normal state has a base color (important) */
.aca-slide-circle {
  color: inherit;
}/* End custom CSS */