.widget {
	max-width: 40rem;
	box-sizing: border-box;
	padding: 1rem;
	border-radius: 0.3rem;
	background-color: var(--primary-light);
	cursor: pointer;
}

.widget figure img {
	height: 4rem;
	object-fit: cover;
	object-position: center;
}

.pop-up {
	display: none;
	position: fixed;
	padding: 1rem;
	border-radius: 0.3rem;
	background-color: var(--primary-light);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	max-width: 40rem;
	z-index: 6;
	flex-direction: column;
	gap: 1rem;
}

.pop-up h2 {
	color: var(--primary-darkest);
}

.pop-up p {
	color: var(--primary-dark);
}

.pop-up ul {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.pop-up .close {
	cursor: pointer;
}

.pop-up .close > img {
	height: 1rem;
}

.pop-up.active {
	display: flex;
}

@media screen and (width <= 1120px) {
	.pop-up {
		width: 78%;
	}
}