@charset "UTF-8";

i.icon.close {
	--diameter: 22px;
	box-sizing: border-box;
	position: relative;
	display: block;
	width: var(--diameter);
	height: var(--diameter);
	border: 2px solid transparent;
	border-radius: 40px;
}

i.icon.close::after,
i.icon.close::before {
	content: "";
	display: block;
	box-sizing: border-box;
	position: absolute;
	width: 16px;
	height: 2px;
	background: currentColor;
	transform: rotate(45deg);
	border-radius: 5px;
	top: 8px;
	left: 1px;
}

i.icon.close::after {
	transform: rotate(-45deg);
}