.tm-icon {
	.icon {
		position: relative;
	}

	&.style-01 {
		line-height: 0;

		.icon {
			font-size: 90px;
		}
	}

	&.style-02 {
		line-height: 0;

		.icon {
			font-size: 80px;
			width: 160px;
			height: 160px;
			display: inline-block;
			border-radius: 50%;
			color: #fff;
		}

		span {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}

	&.style-03 {
		line-height: 0;

		.icon {
			font-size: 24px;
			width: 64px;
			height: 64px;
			display: inline-block;
			border-radius: 50%;
			background: #fff;
			box-shadow: 0 18px 40px rgba(51, 51, 51, .1);
		}

		span {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}
	}
}

@include media-breakpoint-down(sm) {
	.tm-icon {
		&.style-02 {
			.icon {
				font-size: 50px;
				width: 100px;
				height: 100px;
			}
		}
	}
}