.elementor .swipe-left-hover{.swipe-left-hover .elementor-button {
position: relative;
overflow: hidden;
background-color: #5D9CC7; /* Normal background color */
transition: background-color 0.3s ease;
}

.swipe-left-hover .elementor-button::before {
content: '';
position: absolute;
top: 0;
left: -100%; /* Hidden off-left by default */
width: 100%;
height: 100%;
background-color: #333333; /* Sliding hover background color */
transition: left 0.3s ease;
z-index: 1;
}

.swipe-left-hover .elementor-button:hover::before {
left: 0; /* Slides into view on hover */
}

.swipe-left-hover .elementor-button-text,
.swipe-left-hover .elementor-button-icon {
position: relative;
z-index: 2; /* Keeps text and icon above the sliding layer */
}\n}