.onepaycx-pay {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.onepaycx-pay .onepaycx-amount {
	max-width: 8rem;
	padding: 0.55rem 0.7rem;
	border: 1px solid #cbd5e1;
	border-radius: 0.5rem;
	font: inherit;
}

.onepaycx-pay .onepaycx-email {
	max-width: 14rem;
	padding: 0.55rem 0.7rem;
	border: 1px solid #cbd5e1;
	border-radius: 0.5rem;
	font: inherit;
}

.onepaycx-pay .onepaycx-btn {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	padding: 0.6rem 1.15rem;
	border: 0;
	border-radius: 0.6rem;
	background: #111827;
	color: #fff;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	transition: opacity 0.15s ease, transform 0.05s ease;
}

.onepaycx-pay .onepaycx-btn:hover {
	opacity: 0.9;
}

.onepaycx-pay .onepaycx-btn:active {
	transform: translateY(1px);
}

.onepaycx-pay .onepaycx-btn:disabled {
	opacity: 0.6;
	cursor: default;
}

.onepaycx-pay .onepaycx-msg:not(:empty) {
	color: #b91c1c;
	font-size: 0.85em;
}