.blurbox {
position: relative;
border-radius: 0.5rem;
backdrop-filter: blur(10px);
&::after {
content: "";
border-radius: 0.5rem;
padding: 4px;
inset: 0;
width: calc(100% - 8px);
height: calc(100% - 8px);
top: 0;
left: 0;
position: absolute;
background: linear-gradient(175deg, rgba(255, 255, 255, 0.83), rgb(213, 213, 213), rgb(209, 209, 209),rgba(255, 255, 255, 0.83));
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
}
&::before {
z-index: -1;
top: .65rem;
left: .65rem;
position: absolute;
background-color: rgba(0, 0, 0, 0.15);
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.348);
border: rgba(0, 0, 0, 0.044) 4px solid;
content: '';
width: calc(100% - 8px);
height: calc(100% - 8px);
border-radius: 0.5rem;
}
}