.animated-icon-wrapper {
	display: inline-block;
	position: relative;
	height: auto;
}

.animated-icon-wrapper .eye {
	display: flex;
	position: absolute;
	top: 24px;
	left: 20px;
	line-height: 12px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: transparent;
}

.animated-icon-wrapper .eye.eye-right {
	left: 40px;
}

.animated-icon-wrapper .eye-inner {
	position: relative;
	display: inline-block;
	border-radius: 50%;
	width: 15px;
	height: 15px;
	background-color: transparent;
	margin-left: 2px;
	margin-top: 2px;
}

.animated-icon-wrapper .eye-inner:after {
	position: absolute;
	top: 2px;
	left: 5px;
	width: 7px;
	height: 7px;
	background: black;
	border-radius: 50%;
	content: " ";
}

.bigger-animation {
	.animated-icon-wrapper {
		.icon-header {
			width: 120px;
		}

		.eye {
			top: 42px;
			left: 36px;

			&.eye-right {
				left: 64px;
			}

		}
	}
}

@media only screen and (max-width: 980px) {
	.animated-icon-wrapper .eye {
		display: none;
	}

	.bigger-animation {
		margin-bottom: 30px !important;

		.animated-icon-wrapper {
			.icon-header {
				width: 80px;
			}
		}
	}
}