Na}{

File Content: `_editor.scss`

.wp-block-button__link {
	// Extend button style
	@include tz-basic-wp-button-style();
}

/**
 * Block Options
 */

// The parent container does not need outer margins applied.
// The children should all have top and bottom margins.
.wp-block-buttons {
	margin-top: 0;
	margin-bottom: 0;
	.wp-block-button{
		margin-bottom: $tz-basic-spacing-vertical;
		margin-top: 0 !important;
	}

	.wp-block-button:first-child {
		//margin-top: $tz-basic-spacing-vertical;
	}

	.wp-block-button:last-child {
		//margin-bottom: $tz-basic-spacing-vertical;
	}
}
.wp-block-button{
	margin-bottom: $tz-basic-spacing-vertical;
}

.wp-block-button {

	// Target the default and filled button states.
	&:not(.is-style-outline) {

		.wp-block-button__link:not(:hover):not(:active) {
			// Text colors
			&:not(.has-text-color) {
				color: $tz-basic-button-color;
				// Nested
				.has-background & {
					color: $tz-basic-button-color;
					&.has-background {
						color: $tz-basic-button-color;
					}
				}
			}
			// Background-colors
			&:not(.has-background) {
				// Nested
				.has-background & {
					background-color: $tz-basic-button-bg;
				}
			}
		}

		// Hover Button color should match parent element foreground color
		.wp-block-button__link:hover,
		.wp-block-button__link:active {
			border-color: transparent;
			background-color: $tz-basic-button-bg-hover !important;
			color: $tz-basic-button-color-hover !important;
			@include transition($tz-basic-transition);
		}

		// Remove :focus styles in the editor
		.wp-block-button__link:focus {
			outline-offset: inherit;
			outline: inherit;
		}
	}

	// Outline Style.
	&.is-style-outline {

		.wp-block-button__link:not(:hover):not(:active) {

			// Border colors
			&:not(.has-text-color),
			&:not(.has-background),
			&.has-background {
				border-color: currentColor;
			}

			// Text colors
			&:not(.has-text-color) {
				color: $tz-basic-button-outline-color;

				// Nested
				.has-background & {
					color: $tz-basic-button-outline-color;
				}
			}

			&.has-background {
				// Nested
				.has-background &:not(.has-text-color) {
					color: inherit;
				}
			}

			// Background-colors
			&:not(.has-background) {
				background-color: transparent;
			}
		}

		// Hover Button color should match default button style
		.wp-block-button__link:hover,
		.wp-block-button__link:active {
			@include transition($tz-basic-transition);
			background-color: transparent !important;
			border-color: currentColor !important;
			color: $tz-basic-button-bg-hover !important;

			.has-background & {
				background-color: $tz-basic-button-bg !important;
				color: $tz-basic-button-color !important;
			}

			.has-text-color & {
				color: $tz-basic-button-color !important;
			}
		}

		// Remove :focus styles in the editor
		.wp-block-button__link:focus {
			outline-offset: inherit;
			outline: inherit;
		}
	}

	// Squared Style
	&.is-style-squared {
		border-radius: 0;
		.wp-block-button__link{
			border-radius: 0;
		}
	}
}

.is-style-outline .wp-block-button__link[style*="radius"],
.wp-block-button__link[style*="radius"] {

}
File Content: _editor.scss

File Content: `_editor.scss`
