.giveaway {
	border-radius: var(--border-radius);
	background: #f7f2ee 100% 0 / auto 100% no-repeat;
	contain: content;
	margin-bottom: 20px;
	max-width: 1700px;
	margin-left: auto;
	margin-right: auto;
}
.giveaway__container {
	container: giveaway / inline-size;
}
.giveaway__info {
	container: giveaway-info / inline-size;
}
.giveaway__slogan {
	color: #2C2A2B;
	font-weight: 600;
	max-width: 20em;
	line-height: 1;
	margin-top: 1em;
}
.giveaway__dates {
	background: linear-gradient(135deg, #FE9A54 0, #DF3E03);
	font-weight: 600;
	font-size: clamp(14px, 3.78cqw, 20px);
	line-height: 1;
	padding: 0.2em;
	border-radius: 0.25em;
}
.giveaway__dates-text {
	padding: 0.5em 1em;
	background: #F7EFE9;
	border-radius: 0.2em;
	color:#F16729;
	min-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.giveaway__dates-text::before,
.giveaway__dates-text::after {
	content: '';
	display: block;
	position: absolute;
	border-radius: 50%;
	width: 0.4em;
	height: 0.4em;
	top:50%;
	margin-top: -0.2em;
}
.giveaway__dates-text::before {
	background: linear-gradient(135deg, #FC934E 0, #F98D49);
	left:-0.2em;
}
.giveaway__dates-text::after {
	background: linear-gradient(135deg, #E34B0E 0, #E14509);
	right:-0.2em;
}


@container giveaway (width <= 650px) {
	.giveaway__bottom {
		max-width: 310px;
	}
	.giveaway__dates {
		margin-bottom: 0.6em;
	}
	.giveaway__btn {
		width: 100%;
	}
}

@container giveaway (width > 650px) {
	.giveaway__bottom {
		display: flex;
		gap:20px;
		margin-right: -10cqw;
	}
}

@media all and (max-width: 839px) {
	.giveaway {
		background-size: 100% auto;
	}
	.giveaway__container {
		margin-top: 61vw;
	}
	.giveaway__title {
		display: none;
	}
	.giveaway__info {
		padding: 0 6cqw 6cqw;
	}
	.giveaway__slogan {
		font-size: max(5.5cqw, 16px);
		margin-bottom: 1em;
	}
	
	
	@container giveaway (width <= 650px) {
		.giveaway__bottom {
			margin-left: auto;
			margin-right: auto;
		}
	}
}

@media all and (min-width: 840px) {
	.giveaway__container {
		width: 50%;
	}
	.giveaway__title {
		aspect-ratio: 818 / 489;
		height: 50cqw;
		text-indent: 999px;
		white-space: nowrap;
		overflow: hidden;
		background: 0 0 / contain no-repeat;
	}
	.giveaway__info {
		padding: 10cqw 12.5cqw;
	}
	.giveaway__slogan {
		font-size: min(5cqw, 26px);
	}
	
	
	@container giveaway (width <= 650px) {
		.giveaway__slogan {
			margin-bottom: 1.5em;
		}
	}
	
	@container giveaway (width > 650px) {
		.giveaway__slogan {
			margin-bottom: 2em;
		}
	}
}

@media all and (min-width: 840px) and (max-width: 899px) {
	.giveaway {
		background-position-x: -150%;
	}
}

@media all and (min-width: 900px) and (max-width: 1090px) {
	.giveaway {
		background-position-x: -219%;
	}
}