.liquidGlass {
	justify-content: space-between;
	color: #535352;
    background-color: rgb(0 0 0 / 3%);
    backdrop-filter: blur(1.5px);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;

	&:before {
		--expand: 12px;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: -2;
		width: 100%;
		height: 100%;
		border-radius: var(--radius);
		backdrop-filter: blur(1.5px);
		pointer-events: none;
		mask-image: linear-gradient(
				to bottom,
				#000 0,
				#000 2px,
				transparent var(--expand)
			),
			linear-gradient(to left, #000 0, #000 2px, transparent var(--expand)),
			linear-gradient(to top, #000 0, #000 2px, transparent var(--expand)),
			linear-gradient(to right, #000 0, #000 2px, transparent var(--expand));
	}
	
	&:after {
		content: "";
		position: absolute;
		z-index: -1;
		top: 1px;
		left: 1px;
		width: calc(100% - 2px);
		height: calc(100% - 2px);
		border-top: 1px solid rgb(255 255 255 /0.5);
		border-left: 1px solid rgb(255 255 255 /0.5);
		filter: blur(1.5px);

		pointer-events: none;
	}
}