.transactions {
	.components-notice {
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
	}

	&__customer-support,
	&__customer-statements {
		max-width: 500px;
		position: relative;

		.components-base-control__field .components-text-control__input {
			// to make room for the help text, so that the input's text and the help text don't overlap
			padding-right: 55px;
		}

		.input-help-text {
			position: absolute;
			right: 10px;
			top: 38px;
			font-size: 12px;
			color: #757575;

			@media ( min-width: 783px ) {
				top: 32px;
			}
		}
	}
}

.transactions-customer-details {
	font-size: 12px;
	font-style: normal;
	color: #757575;
}
