.wp-block-checkout-fields-for-blocks-textarea {
	display: flex;
	flex-direction: column;
	position: relative;
	margin-top: $gap;
	white-space: nowrap;

	textarea:focus {
		outline-width: 1px;
	}

	&.has-error textarea {
		&,
		&:hover,
		&:focus,
		&:active {
			border-color: $alert-red;
			outline-color: $alert-red;
		}
		&:focus {
			box-shadow: 0 0 0 0.5px $alert-red;
		}
	}

	label, p {
		font-size: var(--wp--preset--font-size--small, 14px);
	}
}