// sass-lint:disable class-name-format no-qualifying-elements id-name-format
//--------------------------------------------------------------
//   Global styling goes here
//--------------------------------------------------------------

.ctct-form-wrapper {

	.ctct-button {
		font-size: 0.9rem;
	}

	.ctct-message {
		border: 1px solid;
		padding: $padding;

		&.ctct-error {
			background-color: fade-out( $color-error, 0.98 );
			border-color: $color-error;
			color: darken( $color-error, 20% );
		}

		&.ctct-success {
			background-color: fade-out( $color-success, 0.98 );
			border-color: $color-green;
			color: darken( $color-success, 20% );
		}

		.ctct-dismiss-ajax-notice {
			border-radius: 50%;
			float: right;
			line-height: 1;
			padding: 0.85rem 1rem;
			text-decoration: none;
		}
	}
}