.glass {

    position: relative;

    overflow: hidden;

    background: rgba(255, 255, 255, .52);

    backdrop-filter: blur(24px) saturate(180%);

    -webkit-backdrop-filter: blur(24px) saturate(180%);

    border: 1px solid rgba(255, 255, 255, .65);

    box-shadow: 0 15px 45px rgba(15, 23, 42, .08),
    inset 0 1px 1px rgba(255, 255, 255, .7);

}

.glass::before {

    content: "";

    position: absolute;

    inset: 0;

    background: radial-gradient(
            circle at var(--x, 50%) var(--y, 50%),
            rgba(255, 255, 255, .35),
            transparent 45%
    );

    opacity: 0;

    transition: .35s;

    pointer-events: none;

}

.glass:hover::before {

    opacity: 1;

}

.glass:hover {

    transform: translateY(-2px);

    transition: .35s;

}