@import "hover.css";

.editor-block-list__block[data-type="core/button"] {
	&[data-align="center"] {
		text-align: center;
	}

	&[data-align="right"] {
		/*!rtl:ignore*/
		text-align: right;
	}
}

.wp-block-gab-animation-button {
	display: inline-block;
	margin-bottom: 0;
	position: relative;

	.editor-rich-text__tinymce {
		cursor: text;
		line-height: 1;
	}

	&:not(.has-text-color) .editor-rich-text__tinymce[data-is-placeholder-visible="true"] + .editor-rich-text__tinymce {
		color: $white;
		opacity: 0.8;
	}
}

.block-library-button__inline-link {
	background: $white;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-family: $default-font;
	font-size: $default-font-size;
	line-height: $default-line-height;

	$blocks-button__link-input-width: 280px;
	width: $blocks-button__link-input-width;

	.editor-url-input {
		width: auto;
	}

	.editor-url-input__suggestions {
		width: $blocks-button__link-input-width - $icon-button-size - $icon-button-size;
		z-index: z-index(".block-library-button__inline-link .editor-url-input__suggestions");
	}

	> .dashicon {
		width: $icon-button-size;
	}

	.dashicon {
		color: $dark-gray-100;
	}

	.editor-url-input input[type="text"]::placeholder {
		color: $dark-gray-100;
	}

	[data-align="center"] & {
		margin-left: auto;
		margin-right: auto;
	}

	[data-align="right"] & {
		margin-left: auto;
		margin-right: 0;
	}
}

.gab-button {
	width: calc( 50% - 20px );
	text-align: center;
	display: inline-block;
	margin: 5px;
	font-size: 9px;
	cursor: pointer;
	border-radius: 30px;
	box-shadow: 0px 0 1px 1px rgba(0, 0, 0, 0.2);
	vertical-align: middle;
}

.gab-button.active {
	box-shadow: 0px 0 1px 1px rgba(0, 0, 0, 0.5);
}

.wp-block-button.is-style-squared .wp-block-button__link {
	border-radius: 0;
}