@use "~admin-stylesheets/colors";

.nelio-content-reusable-message-toggle {
	margin: 0;
	padding: 8px;

	&--is-toggled {
		color: colors.$wordpress-colors__toggle-foreground--is-toggled;
		background: colors.$wordpress-colors__toggle-background--is-toggled;
		margin: 1px;
		padding: 7px;

		&:focus,
		&:hover {
			box-shadow:
				0 0 0 1px
					colors.$wordpress-colors__toggle-background--is-toggled,
				inset 0 0 0 1px
					colors.$wordpress-colors__toggle-foreground--is-toggled !important;
			color: colors.$wordpress-colors__toggle-foreground--is-toggled !important;
			background: colors.$wordpress-colors__toggle-background--is-toggled !important;
		}
	}
}