.wps-icon-box {
	position: relative;
}

.wps-icon-box .wps-icon-box-wrapper {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
}

.wps-icon-box .wps-icon-box-wrapper.hover-gradient {
	overflow: hidden;
}

.wps-icon-box .wps-icon-box-wrapper.hover-gradient:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 1;
	transition: opacity .3s ease;
}

.wps-icon-box .icon-box.icon-box-header {
	display: inline-block;
}

.wps-icon-box .icon-box > .icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
}

.wps-icon-box .icon-box > .icon i {
	line-height: 1;
}

.wps-icon-box .icon-box.icon-box-body {
	position: relative;
}

.wps-icon-box .icon-box-description {
	margin: 10px 0 0;
}

.wps-icon-box .icon-box-button {
	margin-top: 15px;
}

.wps-icon-box .icon-box-button a.icon-box-link {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.wps-icon-box .icon-box-button a.icon-box-link.hover-gradient:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}

.wps-icon-box .btn-wrapper.icon-position-before a.icon-box-link i,
.wps-icon-box .btn-wrapper.icon-position-before a.icon-box-link svg {
	margin-right: 5px;
}

.wps-icon-box .btn-wrapper.icon-position-after a.icon-box-link i,
.wps-icon-box .btn-wrapper.icon-position-after a.icon-box-link svg {
	margin-left: 5px;
}

.wps-icon-box .icon-box-badge {
	position: absolute;
	pointer-events: none;
}

.wps-icon-box .icon-box-badge .badge-text {
	display: inline-block;
}

.wps-icon-box .icon-box-badge.topleft { top: 8px; left: 8px; }
.wps-icon-box .icon-box-badge.topright { top: 8px; right: 8px; }
.wps-icon-box .icon-box-badge.topcenter { top: 8px; left: 50%; transform: translateX(-50%); }
.wps-icon-box .icon-box-badge.centerleft { top: 50%; left: 8px; transform: translateY(-50%); }
.wps-icon-box .icon-box-badge.bottomleft { bottom: 8px; left: 8px; }
.wps-icon-box .icon-box-badge.bottomcenter { bottom: 8px; left: 50%; transform: translateX(-50%); }
.wps-icon-box .icon-box-badge.bottomright { bottom: 8px; right: 8px; }

.wps-icon-box .hover-watermark {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
}

.wps-icon-box:hover .hover-watermark {
	opacity: .15;
}

/* Hover overlay directions */
.wps-icon-box .wps-icon-box-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	transition: opacity .3s ease;
	z-index: 0;
}

.wps-icon-box.hover-from-left .wps-icon-box-wrapper:before,
.wps-icon-box.hover-from-right .wps-icon-box-wrapper:before,
.wps-icon-box.hover-from-top .wps-icon-box-wrapper:before,
.wps-icon-box.hover-from-bottom .wps-icon-box-wrapper:before,
.wps-icon-box.hover-from-arise .wps-icon-box-wrapper:before {
	opacity: 0;
}

.wps-icon-box:hover .wps-icon-box-wrapper:before {
	opacity: 1;
}