cusa-quick-login {
	#quick-login-title {
		text-align: center;
		margin: 1rem 0;
	}

	& form {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 1rem;
		margin-top: 1rem;

		& button {
			width: 100%;

			@media screen and (min-width: 750px) {
				width: auto;
			}
		}

		& .cusa-login-message {
			border: 2px solid transparent;
			border-radius: 4px;
			background: var(--color-background);
			padding: 1rem;
		}

		& .cusa-login-message[data-state='error'] {
			border-color: red;
		}

		& .cusa-login-message[data-state='success'] {
			border-color: #1b7f3a;
		}

		& .cusa-login-message[data-state='info'] {
			border-color: #1b5ea6;
		}

		& button.is-loading .cusa-login-submit-text {
			visibility: hidden;
		}

		& button.is-loading .loading__spinner {
			display: inline-flex;
		}

		& .cusa-login-spinner .path {
			stroke: #fff;
		}

		& .customer__links {
			margin-bottom: 1.25rem;
		}
	}
}