.wgcb-fields {
	background: #faf8f6;
	border: 1px solid #e6dfd8;
	margin: 0 0 24px;
	padding: 18px;
}

.wgcb-field {
	margin-bottom: 20px;
}

.wgcb-field > label {
	color: #2b2825;
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 12px;
	text-transform: uppercase;
}

.wgcb-presets {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	margin-bottom: 16px;
	max-width: 520px;
}

.wgcb-preset input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.wgcb-preset > span {
	background: #fff;
	border: 1px solid #d7d0c8;
	color: #252525;
	cursor: pointer;
	display: inline-flex;
	font-size: 15px;
	font-weight: 700;
	justify-content: center;
	min-height: 52px;
	align-items: center;
	padding: 0 14px;
	position: relative;
	transition: color .18s ease;
	width: 100%;
}

.wgcb-preset > span:hover {
	background: #fff;
	border-color: #d7d0c8;
}

.wgcb-preset input:checked + span {
	background: #fff;
	border-color: #d7d0c8;
	color: #202020;
}

.wgcb-preset > span .woocommerce-Price-amount,
.wgcb-preset > span .woocommerce-Price-currencySymbol {
	background: transparent;
	border: 0;
	color: inherit;
	cursor: inherit;
	display: inline;
	font: inherit;
	min-height: 0;
	padding: 0;
	position: static;
	width: auto;
}

.wgcb-preset input:checked + span::after {
	background: #202020;
	bottom: 0;
	content: "";
	height: 3px;
	left: 16px;
	position: absolute;
	right: 16px;
}

.wgcb-custom-label {
	color: #4b4743;
	display: block;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0;
	margin: 0 0 8px;
	text-transform: uppercase;
}

.wgcb-custom-amount {
	background: #fff;
	border: 1px solid #cfc7bf;
	color: #202020;
	font-size: 20px;
	font-weight: 600;
	min-height: 60px;
	max-width: 520px;
	padding: 0 18px;
	width: 100%;
}

.wgcb-custom-amount::placeholder {
	color: #a7a09a;
	opacity: 1;
}

.wgcb-custom-amount:focus {
	border-color: #202020;
	box-shadow: 0 0 0 3px rgba(32, 32, 32, .1);
	outline: none;
}

@media (max-width: 640px) {
	.wgcb-presets {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		max-width: none;
	}

	.wgcb-custom-amount {
		max-width: none;
	}
}

.wgcb-recipient-fields {
	margin-top: 10px;
}