@gravityforms/components/dist/css/admin/branded-button.css

UI components for use in Gravity Forms development. Both React and vanilla js flavors.

.gform-admin .gform-branded-button {
		align-items: stretch;
		block-size: 2.5rem;
		border-radius: 3px;
		box-shadow: 0 0 0 rgba(18, 25, 97, 0.05), 0 2px 5px rgba(18, 25, 97, 0.1), 0 1px 1px rgba(18, 25, 97, 0.15);
		box-sizing: border-box;
		cursor: pointer;
		display: inline-flex;
		font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
		font-size: 0.875rem;
		font-weight: 700;
		padding: 0;
		text-decoration: none;
		transition: transform 300ms ease, box-shadow 300ms ease, background-color 300ms ease;
		white-space: nowrap;
	}

		.gform-admin .gform-branded-button:focus {
			outline-offset: 0;
		}

		.gform-admin .gform-branded-button:disabled {
			pointer-events: none;
		}

	.gform-admin .gform-branded-button--color {
		background: #175cff;
		border: 1px solid #175cff;
		color: #fff;
	}

	.gform-admin .gform-branded-button--color:hover, .gform-admin .gform-branded-button--color:active {
			box-shadow: 0 3px 8px rgba(18, 25, 97, 0.15), 0 1px 1px rgba(18, 25, 97, 0.16), 0 2px 1px rgba(18, 25, 97, 0.04);
		}

	.gform-admin .gform-branded-button--color:focus {
			outline: 0.125rem solid #bed8ed;
		}

	.gform-admin .gform-branded-button--color:disabled {
			box-shadow: 0 0 0 rgba(18, 25, 97, 0.05), 0 2px 5px rgba(18, 25, 97, 0.1), 0 1px 1px rgba(18, 25, 97, 0.15);
			opacity: 0.5;
		}

	.gform-admin .gform-branded-button--white {
		background: #fff;
		border: 1px solid #fff;
		color: #5b5e80;
	}

	.gform-admin .gform-branded-button--white:hover, .gform-admin .gform-branded-button--white:active {
			box-shadow: 0 3px 8px rgba(18, 25, 97, 0.15), 0 1px 1px rgba(18, 25, 97, 0.16), 0 2px 1px rgba(18, 25, 97, 0.04);
		}

	.gform-admin .gform-branded-button--white:focus {
			outline: 0.125rem solid #ecedf8;
		}

	.gform-admin .gform-branded-button--white:disabled {
			box-shadow: 0 0 0 rgba(18, 25, 97, 0.05), 0 2px 5px rgba(18, 25, 97, 0.1), 0 1px 1px rgba(18, 25, 97, 0.15);
			opacity: 0.5;
		}

	.gform-admin .gform-branded-button__svg {
		align-items: center;
		background: #fff;
		block-size: 2.375rem;
		border-radius: 2px;
		display: flex;
		inline-size: 2.375rem;
		justify-content: center;
	}

	.gform-admin .gform-branded-button__text {
		align-items: center;
		display: flex;
		justify-content: center;
		padding-inline: 0.625rem;
	}

/*# sourceMappingURL=branded-button.css.map */