.component-offer-item {
	margin: 7px;
	border-radius: 4px;
	border: solid 0.6px #c8c8c8;
	overflow: hidden;
	transition: box-shadow 0.25s;
	max-height: 95%;
	max-width: 400px;
	flex: auto;
	img {
		width: 100%;
	}
	.offer-details {
		padding: 20px;
		color: #4a4a4a;
		.offer-tagline {
			font-size: 18px;
			font-weight: bold;
			text-transform: uppercase;
		}
		.offer-description {
			font-size: 14px;
			margin: 10px 0;
		}
		.offer-promo {
			color: #70ad4d;
			text-transform: uppercase;
			font-weight: 600;
		}
		.dismiss {
			color: #1d7eef;
			font-weight: 700;
			text-transform: uppercase;
			text-align: center;
			padding: 10px 0;
			cursor: pointer;
			user-select: none;
			-moz-user-select: none;
			-khtml-user-select: none;
			-webkit-user-select: none;
			-o-user-select: none;
		}
	}
	&:hover {
		box-shadow: 0 0 14px 0 rgba(155, 155, 155, 0.44);
	}
	.ovl {
		position: fixed;
		top: 0;
		let: 0;

	}
}