/*==============================================================================
//
// styles/opayo.css
//
==============================================================================*/

.opayo-heading {
	font-size: 14px;
	margin: 5px;
}

.opayo-container {
	margin-top: 10px;
	border: 1px solid #e2231a;
	border-radius: 5px;
	padding: 5px;
}

/* need to forecfully override the sagepay style to get the button the way we want */
/* =============================================================================== */
.opayo-button {
	margin: 5px !important;
	background: #e22318 !important;
	padding: revert !important;
	border: 1px solid !important;

	/* emphasise submit payment */
	font-size: 14pt;
	font-weight: bold;
}

.opayo-form {
	/* width: 300px; */
	margin: 10px;
}

.opayo-label {
	font-size: 14px;
	margin: 5px;
}

.paymentButtons {
	display: flex;
	flex-flow: column;
}