body, html {

    width: 100%;

    height: 100%;

    display: flex;

}

​

​

.wrapper {

    position: relative;

    margin: auto;

    width: 400px;

    height: 100px;

    background: #fff;

    filter: contrast(5);

    filter: contrast(20);

    // background: #000;

​

    &::before {

        content: "";

        position: absolute;

        inset: 0;

        z-index: 2;

        backdrop-filter: blur(10px);

    }

}

​

.inner {

    content: "";

    position: absolute;

    inset: 0;

    background: blue;

    clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);

    // background: radial-gradient(circle at 100% 50%, transparent 0, transparent 20px, blue 20px);

    // z-index: 1;

}