.tribe-editor__action-button {

	&,
	/* extra class to override gutenberg styles */
	&.tribe-editor__button,
	&.tribe-editor__link {
		display: flex;
		align-items: center;
		font-family: 'Helvetica Neue', Helvetica, -apple-system, BlinkMacSystemFont, Roboto, Arial, sans-serif;
		font-size: 15px;
		line-height: 18px;
		letter-spacing: 0.38px;
		color: #545D66;
		text-decoration: none;
		transition: none;

		& > svg {
			width: 20px;
			fill: #545D66;

			path {
				fill: #545D66;
			}
		}

		&:hover,
		&:focus {
			color: #009fd4;

			& > svg {
				fill: #009fd4;

				path {
					fill: #009fd4;
				}
			}
		}

		&[disabled] {

			&,
			&:hover,
			&:focus {
				color: #8d949b;

				& > svg {
					fill: #8d949b;

					path {
						fill: #8d949b;
					}
				}
			}
		}

		.tribe-editor__action-dashboard & {

			&, &:hover, &:focus {
				box-shadow: none;
			}
		}
	}
}

.tribe-editor__action-button--icon-right {

	& > svg {
		margin-left: 6px;
		order: 2;
	}
}

.tribe-editor__action-button--icon-left {

	& > svg {
		margin-right: 6px;
	}
}
