.fr-tpay-donation-form {
	max-width: 54rem;
}

.fr-tpay-donation-form__title {
	font-size: 2rem;
	font-weight: 600;
	margin: 0 0 2.4rem;
	color: #303130;
}

.fr-tpay-donation-form__field {
	display: flex;
	flex-direction: column;
	gap: 0.8rem;
	margin-bottom: 2rem;
}

.fr-tpay-donation-form__field span {
	font-size: 1.4rem;
	font-weight: 500;
	color: #303130;
}

.fr-tpay-donation-form__field input {
	width: 100%;
	border: 0.1rem solid #cfcfcf;
	border-radius: 0.2rem;
	padding: 1.2rem 1.4rem;
	font-size: 1.6rem;
	color: #303130;
	background: #fff;
	box-sizing: border-box;
}

.fr-tpay-donation-form__field input.is-invalid {
	border-color: #c0392b;
	outline-color: #c0392b;
}

.fr-tpay-field-error {
	display: block;
	margin-top: 0.6rem;
	font-size: 1.3rem;
	line-height: 1.4;
	color: #c0392b;
}

.fr-tpay-donation-form__submit {
	appearance: none;
	border: 0;
	background: #b08d57;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 1.2rem 2.8rem;
	cursor: pointer;
	border-radius: 0.2rem;
}

.fr-tpay-donation-form__submit:hover {
	filter: brightness(0.95);
}