@charset "UTF-8";

i.icon.infinity {
	position: relative;
	width: 10px;
	height: 18px;
	box-sizing: border-box;
	display: block;
	border: 4px solid transparent;
	background:
		linear-gradient(to left, currentColor 5px, transparent 0) no-repeat -4px 4px/2px 2px,
		linear-gradient(to left, currentColor 5px, transparent 0) no-repeat 4px 4px/2px 2px;
	box-shadow: inset 0 0 0 2px;
	transform: rotate(-45deg);

	&:after,
	&:before {
		content: '';
		position: absolute;
		width: 10px;
		height: 10px;
		box-sizing: border-box;
		display: block;
		border-radius: 200px;
		border: 2px solid;
		transform: rotate(45deg);
	}

	&:after {
		top: -4px;
		left: -8px;
		border-right-color: transparent;
	}

	&:before {
		top: 4px;
		right: -8px;
		border-left-color: transparent;
	}
}