.add-square {
	width: 100%;
	background: center/cover no-repeat;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	cursor: pointer;
}
.add-square::before {
	content: '';
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.add-square::after {
	content: '+';
	color: var(--color-b1);
	font-size: 40px;
	position: relative;
	z-index: 2;
}
.add-square:hover::before {
	background-color: rgba(0,0,0,.1);
}
.add-square.filled::after {
	content: '✖';
	color: #fff;
	opacity: 0;
	font-size: 20px;
}
.add-square.filled:hover::after {
	opacity: 1;
}
.send-image {
	opacity: 0;
	position:absolute;
}