section {
	box-sizing: border-box;
}

.money_pot_section {
	margin-top: 40px;
	padding: 0 20px;
}

.center-sections {
	max-width: 1055px;
	margin: 0 auto;
}

.money_pot_information_section {
	padding: 20px;
	margin-top: 48px;
}

.money_pot_information_section__wishlist {
	margin-top: 32px;
}

.charity-card {
	background-color: var(--color-nude);
	overflow: hidden;
	border-radius: 16px;
	max-width: 335px;
	margin-left: auto;
	margin-right: auto;
}

.money_pot_created_by {
	font-size: 12px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
	margin: 16px 0 0 0;
}

.creator_signature {
	--size: 30px;
	display: flex;
	justify-content: center;
	margin: 0 0 16px 0;
	align-items: center;
}

.creator_signature::before {
	font-size: 0.8em
}

.charity-card__content {
	padding: 8px 20px 24px 20px;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.charity-card__content>* {
	margin: 0;
}

.charity-card__content__donation {
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
	color: var(--color-raspberry);
}

.charity-card__content__link {
	color: var(--color-carbone);
	font-size: 14px;
	font-weight: 700;
	line-height: 22px;
}

.charity-card__content h3 {
	font-size: 18px;
	font-weight: 800;
	line-height: 22px;
}

.money_pot_description {
	text-align: center;
}

.second-cta {
	margin-top: 16px;
}

.charity-card__image {
	height: 124px;
	background-color: red;
	background-size: cover;
	background-position: center;
	mask: url("../../../images/components/mask/charity-image-mask-ZbMguW-.svg") no-repeat;
}

.contribution-tabs {
	padding-top: 24px;
}

@media screen and (min-width: 720px) {
	section {
		margin: 0 auto;
		max-width: 1055px;
		width: 100%;
	}

	.money_pot_section {
		margin-top: 0;
	}

	.money_pot_overview {
		display: grid !important;
		grid-template: '.     subtitle'
			'.     title'
			'photo summary'
			'photo actions' / 400px auto;
	}

	.money_pot_overview .money_pot_picture {
		grid-area: photo;
		align-self: start;
		margin-block: 0;
	}

	.money_pot_name {
		grid-area: title;
	}

	.money_pot_subtitle {
		grid-area: subtitle;
	}

	.money_pot_summary {
		grid-area: summary;
	}

	.money_pot_actions {
		grid-area: actions;
	}

	.money_pot_picture,
	.money_pot_picture>* {
		margin: 0;
	}

	.money_pot_information_section {
		display: grid;
		grid-template: 'charity tabs'
			'charity links'
			'charity .';
		column-gap: 32px;
		margin-top: 88px;
		grid-template-columns: 1fr 2fr;
		grid-template-rows: auto;
	}

	.tabs {
		grid-area: tabs;
	}

	.charity-card {
		grid-area: charity;
		height: fit-content;
	}

	.links {
		grid-area: links;
		justify-content: center;
		gap: 32px;
	}

	.money_pot_information_section__wishlist {
		grid-column: 1 / -1;
		margin-top: 40px;
	}

	.money-pot-tabs {
		padding: 24px 10px 0 10px;
	}

	.money_pot_overview_information {
		margin-bottom: 8px;
	}

	.center-sections {
		margin-top: 48px;
	}

	.money_pot_summary.tiny .money_pot_summary__item__value {
		font-size: 50px;
	}

	.mobile-only {
		display: none;
	}
}