.liquid-button {
    position: relative;
    display: inline-block;
    font-weight: 600;
    border: none;
    cursor: pointer;
    font-family: 'Segoe UI', Helvetica, Arial, sans-serif;
    letter-spacing: 0.5px;
    overflow: hidden;
    transition: all 0.35s ease;
    box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4), /* top inner light */
    inset 0 -2px 4px rgba(0, 0, 0, 0.25), /* bottom inner shade */
    0 6px 14px rgba(0, 0, 0, 0.25); /* outer drop shadow */
}

    /* Glass reflection dome */
    .liquid-button::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: linear-gradient( to bottom, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.05) );
        pointer-events: none;
    }

    /* Moving light sweep */
    .liquid-button::after {
        content: "";
        position: absolute;
        top: 0;
        left: -80%;
        width: 60%;
        height: 100%;
        background: linear-gradient( 120deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.1) 60%, transparent 100% );
        transform: skewX(-25deg);
        transition: all 0.7s ease;
    }



        .liquid-button:hover::after {
            left: 120%; /* slides across */
        }

    /* Active (press) state */
    .liquid-button:active {
   
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.2);
    }