.page-transition{

    position:fixed;

    top:0;
    left:0;

    width:100%;
    height:100vh;

    z-index:99999;

    pointer-events:none;

    transform:translateX(-100%);

    background:var(--bg);
}

.page-transition::after{

    content:"";

    position:absolute;

    top:0;
    right:-200px;

    width:200px;
    height:100%;

    background:linear-gradient(
        90deg,
        var(--bg) 0%,
        rgba(0,0,0,0) 100%
    );

    filter:blur(30px);
}