.ova-icon-box-2 {
	transition: all .3s linear;
	background-color: #fff;
	padding: 25px 30px 20px 30px;
	box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;

	&:hover {
		background: var(--primary);

		.icon {
			&:after {
				transition: all .3s ease;
				background: linear-gradient( 180deg, rgb(216,34,33) 0%, rgba(216,34,33,0.5) 53%, rgba(216,34,33,0) 100%);
				bottom: 33px;
			}
			i,svg {
				color: #fff;
				fill: #fff;
			}
		}

		.title, .description, .text_button {
			transition: all .3s linear;
			color: #fff;
		}
		.title {
			text-decoration: underline;
		}
	}

	.icon {
		position: relative;
		display: inline-block;
		margin-bottom: 30px;
		i, svg {
			transition: all .3s linear;
			position: relative;
			font-size: 44px;
			width: 44px;
			height: 44px;
			line-height: 1;
			color: var(--primary);
			fill: var(--primary);
			z-index: 2;
		}
		&:after {
			transition: all .3s ease;
			position: absolute;
			content: "";
			width: 40px;
			height: 40px;
			background: #fbe8e8;  
			border-radius: 50%;
			bottom: 23px;
			right: -13px;
			z-index: 1;
		}
	}

	.title {
		transition: all .3s linear;
		margin: 0;
		font-size: 20px;
		color: var(--heading);
		white-space: pre-line;
	}

	.description {
		transition: all .3s linear;
		margin: 15px 0 20px 0;
	}

	.text_button {
		transition: all .3s linear;
		display: inline-flex;
		align-items: center;
		gap: 5px;
		span {
			font-size: 15px;
			font-weight: bold;
			text-decoration: underline;
		}
		i {
			display: inline-flex;
		}
	}
}