.block-editor-button-block-appender {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: $grid-unit-10;
	width: 100%;
	height: auto;
	color: $gray-900;
	box-shadow: inset 0 0 0 $border-width $gray-900;

	.is-dark-theme & {
		color: $light-gray-placeholder;
		box-shadow: inset 0 0 0 $border-width $light-gray-placeholder;
	}

	&:hover {
		color: var(--gc-admin-theme-color);
		box-shadow: inset 0 0 0 $border-width var(--gc-admin-theme-color);
	}

	&:focus {
		box-shadow: inset 0 0 0 2px var(--gc-admin-theme-color);
	}

	&:active {
		color: $black;
	}
}