.sweep-fill {
    background: #fff;
}

.sweep-fill::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to right,
            rgba(4, 172, 234, 0.1) 0%,
            #ffffff 100%);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.8s ease;
    pointer-events: none;
}

.sweep-fill:active::after {
    transform: scaleX(2);

}

.sweep-fill:active::before {
    background: none;
    -webkit-mask: none;
    mask: none;
}