.glass {
    position: relative;
    overflow: hidden;

    background: rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(8px) saturate(130%);
    -webkit-backdrop-filter: blur(8px) saturate(130%);

    border: 1px solid rgba(255, 255, 255, 0.22);

    box-shadow:
        inset 1px 1px 1px rgba(255, 255, 255, 0.35),
        inset -1px -1px 1px rgba(255, 255, 255, 0.05),
        0 8px 30px rgba(0, 0, 0, 0.08);
}

.glass::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.32),
            rgba(255, 255, 255, 0.05) 35%,
            transparent 65%
        );

    pointer-events: none;
}