button

selector .elementor-button {
position: relative;
overflow: hidden;
z-index: 1;

border-radius: 12px;
}

/* fully hidden initially */
selector .elementor-button::after {
content: “”;
position: absolute;
left: -20%;
bottom: -179%; /* more hidden */
width: 140%;
height: 180%;
background: #AE5413;
border-radius: 50% 50% 0 0;
transition: bottom 0.6s ease;
z-index: 0;
}

/* hover → bring up */
selector .elementor-button:hover::after {
bottom: 0;
}

/* keep text above */
selector .elementor-button .elementor-button-text,
selector .elementor-button .elementor-button-icon {
position: relative;
z-index: 2;
color: #fff;
}