.give-btn {
    border: none;
    background-color: #f5f5f5;
    margin-bottom: 15px;

    &:hover {
    	color: var(--primary);
    }
}

.give-form-title {
	margin: 0;
	margin-bottom: 40px;
	font-size: 36px;
	font-weight: bold;
	color: var(--heading);
	line-height: 1;
}

form[id*=give-form] {
	.give-donation-amount {
		margin-bottom: 30px;

		.give-currency-symbol.give-currency-position-before {
			border: none;
			background-color: #f5f5f5;
			text-align: left;
			color: var(--heading);
			font-weight: bold;
			height: 40px;
			line-height: 40px;
			border-radius: 5px 0 0 5px;
		}

		#give-amount-text, #give-amount {
			border: none;
			background-color: #f5f5f5;
			text-align: right;
			color: var(--heading);
			font-weight: bold;
			height: 40px;
			line-height: 40px;
			border-radius: 0 5px 5px 0;
		}
	}

	#give-donation-level-button-wrap {
		margin: 0;

		.give-btn {
			border: none;
			background-color: #f5f5f5;
		}
	}

	.give-btn.give-btn-modal {
		border: none;
		background-color: var(--primary);
		color: #FFFFFF;
		padding: 10px 20px;
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;

		&:hover {
			background-color: var(--heading);
		}
	}

	.form-row {
		input[type=text], input[type=email] {
			border: none;
    		background-color: #f5f5f5;
    		border-radius: 5px;

    		&:focus {
    			background-color: #f5f5f5;
    		}
		}
	}

	#give-final-total-wrap {
		.give-donation-total-label, .give-final-total-amount {
			border: none;
			background-color: #f5f5f5;
			height: 40px;
			line-height: 40px;
		}

		.give-final-total-amount {
			font-weight: 600;
			color: var(--heading);
		}
	}
}