.layered-shadow{
  box-shadow:
    0 1px 1px hsl(0 0% 0% / .10),
    0 2px 2px hsl(0 0% 0% / .10),
    0 4px 4px hsl(0 0% 0% / .10),
    0 8px 8px hsl(0 0% 0% / .10),
    0 16px 16px hsl(0 0% 0% / .10);
}
.flex-block.layered-shadow{
  background: rgba(255,255,255,.75);
  backdrop-filter: blur(6px);
  transition: transform .15s ease-out, box-shadow .3s ease, background .3s ease;
  will-change: transform; z-index: 2;
}
.flex-block.layered-shadow:hover{
  background: #fff;
  box-shadow:
    0 2px 4px  hsl(0 0% 0% / .10),
    0 6px 14px hsl(0 0% 0% / .12),
    0 16px 32px hsl(0 0% 0% / .12);
}