.medizin-icon-wrap {
	line-height: 0;
}

.medizin-icon-view {
	display: inline-block;
	font-size: 60px;
}

.medizin-icon {
	display: inline-block;
	text-align: center;
	font-size: 60px;
	line-height: 1;
	transition: all 0.3s;
	color: #818a91;

	.icon {
		@extend %NormalTransition;
	}

	i,
	svg {
		width: 1em;
		height: 1em;
		position: relative;
		display: block;
	}

	i {
		background: inherit;

		&:before {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
		}
	}

	svg.svg-defs-gradient {
		position: absolute !important;
		width: 0 !important;
		height: 0 !important;
	}
}

.svg-defs-gradient {
	.stop-a,
	.stop-b {
		@extend %NormalTransition;
	}
}

.medizin-solid-icon {
	svg {
		*[stroke^="#"],
		*[stroke^="url(#"] {
			stroke: currentColor;
		}

		*[fill^="#"],
		*[fill^="url(#"] {
			fill: currentColor;
		}
	}
}

.medizin-icon-view.second {
	display: none !important;
}

.medizin-view-stacked {
	.medizin-icon-view {
		padding: .5em;
		background-color: #111;
	}
}

.medizin-view-bubble {
	.medizin-icon-wrap {
		position: relative;
		display: inline-block;
		padding-bottom: 21px;
	}

	.medizin-icon-view {
		border-radius: 50%;
		background-image: linear-gradient(-225deg, rgba(241, 212, 211, .17) 15%, rgba(223, 169, 168, .17) 85%);

		&.first {
			padding: .84em;
		}

		&.second {
			display: inline-block !important;
			padding: .28em;
			position: relative;
			bottom: 21px;
			margin-left: 22px;
		}

		.icon {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			bottom: 0;
		}
	}
}

.medizin-shape-circle {
	.medizin-icon-view {
		border-radius: 50%;
	}
}
