.elementor-widget-ebas_before_after,
.elementor-widget-ebas_before_after .elementor-widget-container{
width: 100%;
min-width: 0;
}
.elementor-widget-ebas_before_after{
flex: 1 1 100%;
align-self: stretch;
} .ebas-ba{
height: var(--ebas-height, 420px);
--ebas-badge-before-bg: var(--ebas-badge-before-bg);
--ebas-badge-before-color: var(--ebas-badge-before-color);
--ebas-badge-after-bg: var(--ebas-badge-after-bg);
--ebas-badge-after-color: var(--ebas-badge-after-color);
position: relative;
width: 100%;
overflow: hidden;
border-radius: 24px;
background: #ddd;
} .ebas-ba__img{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.ebas-ba__after{
position: absolute;
inset: 0;
clip-path: inset(0 0 0 50%);
} .ebas-ba__handle{
position: absolute;
top: 0;
left: 50%;
width: 3px;
height: 100%;
background: #fff;
transform: translateX(-50%);
z-index: 5;
}
.ebas-ba__handle::before{
content: "";
position: absolute;
top: 50%;
left: 50%;
width: clamp(38px,6vw,52px);
height: clamp(38px,6vw,52px);
transform: translate(-50%,-50%);
background: #fff;
border-radius: 50%;
box-shadow: 0 10px 30px rgba(0,0,0,.2);
}
.ebas-ba__handle::after{
content: "☝";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-55%);
font-size: clamp(16px,2.4vw,22px);
} .ebas-ba__badge{
position: absolute;
top: 14px;
padding: 6px 10px;
border-radius: 999px;
font-size: 13px;
}
.ebas-ba__badge--before{
left: 14px;
background: var(--ebas-badge-before-bg, rgba(0,0,0,.55));
color: var(--ebas-badge-before-color, #fff);
}
.ebas-ba__badge--after{
right: 14px;
background: var(--ebas-badge-after-bg, rgba(0,0,0,.55));
color: var(--ebas-badge-after-color, #fff);
}